/*Design interface*/
#designwrap{
	width:597px;
	display:block;
	margin:21px 0 0 24px;
}
#desnavwrap{
	width:595px;
	height:26px;
}
#desnavwrap a.pick{
	width:149px;
	height:26px;
	display:block;
	float:left;
	background:url(/images/pick_shirt.gif);
}
#desnavwrap a.select{
	width:148px;
	height:26px;
	display:block;
	float:left;
	background:url(/images/select_graphic.gif);
}
#desnavwrap a.addtext{
	width:149px;
	height:26px;
	display:block;
	float:left;
	background:url(/images/add_text.gif);
}
#desnavwrap a.submit{
	width:149px;
	height:26px;
	display:block;
	float:left;
	background:url(/images/submit_design.gif);
}
#desnavwrap a:hover{
	background-position:100% -26px;
}
#desnavwrap a.selected{
	background-position:100% -26px;
}
#filter{
	width:595px;
	height:456px;
	background:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-khtml-opacity:0,60;
	display:block;
}
#designbox{
	width:591px;
	height:452px;
	border:2px solid #721319;
	position:relative;
	margin-top:-456px;
	display:block;
}
#designbox.orange{
	border:2px solid #D33c11;
}
#designbox.blue{
	border:2px solid #3866af;
}
#designbox.green{
	border:2px solid #22600d;
}
#redbox{
	background:#721319;
	height:27px;
	width:595px;
	display:block;
}
#redbox.orange{
	background:#D33C11;
}
#redbox.blue{
	background:#3866af;
}
#redbox.green{
	background:#22600d;
}
#redboxnav{
	padding:9px 20px 0 0;
	display:block;
	text-align:right;
}
#redboxnav a{
	display:block;
	float:right;
	height:15px;
}
#redboxnav a.startover{
	width:75px;
	background:url(/images/start_over.gif);
	margin-right:12px;
}
#redboxnav a.startover2{
	width:75px;
	background:url(/images/start_over2.gif);
	margin-right:12px;
}
#redboxnav a.startover3{
	width:75px;
	background:url(/images/start_over3.gif);
	margin-right:12px;
}
#redboxnav a.startover4{
	width:76px;
	height:16px;
	background:url(/images/start_over4.gif);
	margin-right:12px;
}
#redboxnav a.steptwo{
	width:95px;
	background:url(/images/step_2.gif);
}
#redboxnav a.stepthree{
	width:95px;
	background:url(/images/step_3.gif);
}
#redboxnav a.stepfour{
	width:96px;
	background:url(/images/step_4.gif);
}
#redboxnav a.checkout{
	width:154px;
	height:16px;
	background:url(/images/proceed_checkout.gif);
}
#redboxnav a.createanother{
	width:156px;
	height:16px;
	background:url(/images/create_another.gif);
	margin-right:12px;
}
#redboxnav a.back{
	width:46px;
	background:url(/images/back.gif);
	margin-right:12px;
}
#redboxnav a.back2{
	width:46px;
	background:url(/images/back2.gif);
	margin-right:12px;
}
#redboxnav a.back3{
	width:46px;
	height:16px;
	background:url(/images/back3.gif);
	margin-right:12px;
}
#redboxnav a:hover{
	background-position:100% -15px;
}
#redboxnav a:hover.checkout{
	background-position:100% -16px;
}
#redboxnav a:hover.startover4{
	background-position:100% -16px;
}
#redboxnav a:hover.back3{
	background-position:100% -16px;
}
#redboxnav a:hover.createanother{
	background-position:100% -16px;
}
#redcurve{
	height:9px;
	width:595px;
	display:block;
	line-height:0;
	font-size:0;
	background:url(/images/bot_red.gif) no-repeat;
}
#redcurve.orange{
	background:url(/images/bot_orange.gif) no-repeat;
}
#redcurve.blue{
	background:url(/images/bot_blue.gif) no-repeat;
}
#redcurve.green{
	background:url(/images/green_bot.gif) no-repeat;
}
#picktopwrap{
	width:591px;
	height:118px;
	display:block;
	border-bottom: 2px solid #721319;
}
#picktopnav{
	width:591px;
	height:23px;
	display:block;
	padding-top:10px;
}
#picktopnav a{
	height:23px;
	display:block;
	float:left;
	margin-right:12px;
}
#picktopnav a.hats{
	width:40px;
	background:url(/images/hats.gif);
}
#picktopnav a.tees{
	width:38px;
	background:url(/images/tees.gif);
}
#picktopnav a.sweats{
	width:60px;
	background:url(/images/sweats.gif);
}
#picktopnav a.mens{
	width:70px;
	background:url(/images/all_mens.gif);
}
#picktopnav a.womens{
	width:94px;
	background:url(/images/all_women.gif);
}
#picktopnav a.all{
	width:73px;
	background:url(/images/show_all.gif);
	padding-right: 0;
	margin-right: 0;
}
#picktopnav a.selectdesign{
	width:117px;
	background:url(/images/select_design.gif);
}
#picktopnav a.uploaddesign{
	width:192px;
	background:url(/images/upload_design.gif);
}
#picktopnav a:hover{
	background-position:100% -23px;
}
#picktopnav a.selected{
	background-position:100% -46px;
}

div#product_viewport {
	clip:rect(0px, 585px, 73px, 0px);
	height:73px;
	overflow:hidden;
	position:relative;
	width:591px;
	z-index:1;
}

div#product_list {
left:0px;
position:absolute;
top:0px;
visibility:hidden;
z-index:1;
}

#productsel {
	padding: 7px 0 0 18px;
	height: 64px;
	width:1800px;
}

#productsel img{
	border:0;
	height:64px;
	width:64px;
}
#productsel a{
	width:64px;
	height:64px;
	float:left;
	margin-right:6px;
	display:block;
}

#productsel a:hover{
	background:#FFF;
	border:2px dotted #666;
	margin:-2px 4px 0 -2px;
}
#productsel a.selected{
	background:#FFF;
	border:2px solid #999;
	margin:-2px 4px 0 -2px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	-khtml-opacity:0,80;
}
#productswitch{
	height:15px;
	display:block;
	padding-right:18px;
	text-align:right;
	margin-top:-8px;
}
#productswitch a{
	height:15px;
	display:block;
	float:right;
	margin-right:12px;
}
#productswitch a.goback{
	background:url(/images/go_back.gif);
	width:70px;
}
#productswitch a.more{
	background:url(/images/more.gif);
	width:50px;
}
#productswitch a:hover{
	background-position:100% -15px;
}
#prodcolwrap{
	width:591px;
	display:block;
}
#prodcolleft{
	width:290px;
	padding-top:5px;
	display:block;
	float:left;
	padding-top:10px;
	text-align:center;
}
#prodcolright{
	width:301px;
	float:left;
	display:block;
	padding-top:17px;
}
#textmodule{
	display:block;
	padding:0 3px 0 9px;
	margin:0;
}
#grphxcolleft{
	width:169px;
	display:block;
	float:left;
	padding-top:10px;
	text-align:left;
}
/*scroll*/
div#scrollholder	{ 
	float: left;
	position:relative; 
	overflow:hidden;
	width:150px; 
	height:377px; 
  z-index:6; 
}
div#gphxwn	{
	position:absolute; 
	left:0px; top:0px; 
	width:150px; 
	height:377px;
	clip:rect(0px, 150px, 377px, 0px); 
	overflow:hidden;	
	z-index:1; 
}
div#lyr1 {
	width: 138px;
	text-align: left;
}
div.content { 
	position:absolute; 
	left:0px; top:0px; 
	color:#333;
	padding: 5px 0px 4px 6px;
	text-align:center;
	z-index:1; 
}
div#scrollbar { 
  position:relative; 
	left:0; top:0;
  width:11px; height:377px; 
  font-size:1px; z-index:1;
	float: left;
}
div#track { 
  position:absolute; 
	left:0; 
	top:10px;
  width:10px; 
	height:357px;
  background: url("/images/track.png") #336 repeat-y;
  z-index:1;
}
div#dragBar {
	background: url("/images/pill.gif") no-repeat;
  position:absolute; 
  width:10px; 
	height:20px !important;
  z-index:1;
}  
div#up { position:absolute; left:0; top:0; z-index:2; }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }

#content img{
	border:0;
	margin:4px 0 6px 0;
}
#content a{
text-align:center;
display:block;}

#grphxcolright{
	width:422px;
	display:block;
	float:left;
	padding-top:15px;
	text-align:center;
}

#shirttype{
  width: 280px;
	display:block;
	color:#FFF;
	text-align:left;
	line-height:15px;
}
#shirttype span{
	display:block;
	float:left;
	background:#721319;
	padding: 0 8px 0 8px;
}
#shirttype h1{
 color:#FFF;
 margin:0;
 font-size:12px;
}

div.redtop {
  display:block;
  height: 5px;
  line-height:5px;
	background: transparent url(/images/redbar.gif) no-repeat scroll 0 0;
}
div.redbottom {
  height: 5px;
  line-height:5px;
	background: transparent url(/images/redbar.gif) no-repeat scroll 0 -4px;
}
div.redcenter {
  display:block;
	background:#721319;
	padding: 2px 8px;
}

#redleft{
	width:4px;
	height:42px;
	display:block;
	float:left;
	background:url(/images/red_left.gif);
}
#redright{
	width:4px;
	height:42px;
	display:block;
	float:left;
	background:url(/images/red_right.gif);
}
.intwrap{
	display:block;
	margin-top:9px;
	text-align:left;
}
#colors{
	padding: 4px 18px 0 6px;
	display:block;
}
#colors a, div.swatch {
	width:21px;
	height:21px;
	border:1px solid #999;
	display:block;
	float:left;
	background: #fff;
	margin:1px 2px 2px 1px;
}
#sizes2{
	padding: 4px 18px 0 6px;
	display:block;
}
#sizes2 a{
	width:27px;
	height:17px;
	display:block;
	float:left;
	margin-right:3px;
	margin-bottom:6px;
	background:url(/images/small_2.gif);
}
#sizes2 a.M{
	background:url(/images/medium_2.gif);
}
#sizes2 a.L{
	background:url(/images/large_2.gif);
}
#sizes2 a.XL{
	background:url(/images/xl_2.gif);
}
#sizes2 a.XXL{
	background:url(/images/xxl_2.gif);
}
#sizes2 a:hover{
	background-position:100% -17px;
}
#sizes2 a.selected{
	background-position:100% -17px;
}
.intcontent{
	padding: 2px 24px 0 6px;
	display:block;
	text-align:left;
	color:#333;
	font-size:10px;
	line-height:13px;
}
.intcontent span{
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:17px;
	text-align:right;
}
.intcontent p{
	padding: 2px 0 5px 6px;
	margin:0;
	display:block;
}
#shirtwrapleft{
	width:272px;
	height:310px;
	display:block;
	float:left;
}
#shirtwrapright{
	width:150px;
	height:190px;
	padding-top:100px;
	display:block;
	float:left;
}

#textdesign label {
	display: block;
	width: 80px;
	float: left;
	font-weight: bold;
	line-height: 18px;
	color: #3866af;
}

#textalign a {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	border: 1px solid #ccc;
}

#textalign img {
	border: none;
}

#textalign a:hover, #textalign a.selected {
	background-color: #fff;
	border: 1px solid #000;
}

#positiontool{
 height:54px;
 width:185px;
 margin-left:8px;
 display:block;
 background:url(/images/position_tool.gif) no-repeat;
 float:left;
}
#positiontool.blue{
 background:url(/images/position_tool_blue.gif) no-repeat;
}
#positiontopwrap{
	height:17px;
	width:185px;
	display:block;
}
#positionmidwrap{
	height:20px;
	width:185px;
	display:block;
}
#positionbotwrap{
	height:17px;
	width:185px;
	display:block;
}
#leftspace{
	width:17px;
	height:17px;
	float:left;
	display:block;
}
#midspace{
	width:20px;
	height:20px;
	float:left;
	display:block;
}
#toparrow a{
	width:20px;
	height:17px;
	display:block;
	float:left;
	background:url(/images/position_top.gif);
}
#toparrow a.text{
	background:url(/images/text_up.gif);
}
#toparrow a.size{
	width:18px;
	background:url(/images/size_up.gif);
}
#toparrow a:hover{
	background-position:100% -17px;
}
#leftarrow a{
	width:17px;
	height:20px;
	display:block;
	float:left;
	background:url(/images/position_left.gif);
}
#leftarrow a.text{
	background:url(/images/text_left.gif);
}
#leftarrow a:hover{
	background-position:100% -20px;
}
#rightarrow a{
	width:17px;
	height:20px;
	display:block;
	float:left;
	background:url(/images/position_right.gif);
}
#rightarrow a.text{
	background:url(/images/text_right.gif);
}
#rightarrow a:hover{
	background-position:100% -20px;
}
#botarrow a{
	width:20px;
	height:17px;
	display:block;
	float:left;
	background:url(/images/position_down.gif);
}
#botarrow a.text{
	background:url(/images/text_down.gif);
}
#botarrow a.size{
	width:18px;
	background:url(/images/size_down.gif);
}
#botarrow a:hover{
	background-position:100% -17px;
}
#sizetool{
 height:54px;
 width:130px;
 display:block;
 background:url(/images/size_tool.gif) no-repeat;
 float:left;
}
#sizetopwrap{
	height:17px;
	width:130px;
	display:block;
}
#sizemidwrap{
	height:20px;
	width:130px;
	display:block;
}
#sizebotwrap{
	height:17px;
	width:130px;
	display:block;
}
#frame{
	height:20px;
	width:81px;
	display:block;
	float:left;
	background:url(/images/frame.gif) no-repeat;
}
#frame.blue{
	background:url(/images/frame_blue.gif) no-repeat;
}
#frame a{
	height:20px;
	width:20px;
	display:block;
	float:left;
	background:url(/images/frame.gif) no-repeat;
}
#frame a.blue{
	background:url(/images/frame_blue.gif) no-repeat;
}
#frame a.selected{
	background-position:left -20px;
}
#sidesel{
	padding:4px 0 4px 10px;
	height:50px;
	display:block;
}
#sidesel img{
	border:0;
	height:50px;
	width:50px;
}
#sidesel a{
	width:50px;
	height:50px;
	float:left;
	margin-right:22px;
	display:block;
	border:
}
#sidesel a:hover{
	background:#FFF;
	border:2px dotted #666;
	margin:-2px 20px 0 -2px;
}
#sidesel a.selected{
	background:#FFF;
	border:2px solid #999;
	margin:-2px 20px 0 -2px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	-khtml-opacity:0,80;
}

#designspecs{
	display:block;
	padding-top:8px;
	color:#666;
}
#designspecs h2{
	margin:0;
	padding:0 0 2px 0;
	font-size:13px;
	color:#22600d;
}
#designspecs h3{
	margin:0;
	padding:0;
	font-size:12px;
	color:#22600d;
}
#designspecs h4{
	margin:0;
	padding:0 0 0 3px;
	font-size:11px;
	color:#666;
}
#designspecs ul{
margin:0;
padding:0 0 0 9px;
display:block;
list-style-type:none;
}
#designspecs li{
	margin:0;
	padding:0;
}
#design_name_div {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}
/*home page */
#desnavwrap div{
	height:26px;
	display:block;
	background:url(/images/ctd_home_head.gif) no-repeat;
}
.invisible{
	position: absolute; 
	left: -9000px
}
#filterhome{
	width:595px;
	height:227px;
	background:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-khtml-opacity:0,60;
	display:block;
}
#designboxhome{
	width:591px;
	height:225px;
	border:2px solid #721319;
	border-bottom:none;
	position:relative;
	margin-top:-227px;
	display:block;
}
.filterhomesmall{
	width:288px;
	height:204px;
	background:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-khtml-opacity:0,60;
	display:block;
}
#orangeboxhome{
	border:2px solid #D33c11;
	width:284px;
	float:left;
	height:204px;
	border-bottom:none;
	position:relative;
	margin-top:-206px;
	display:block;
}
#orangeboxhome.blue{
	border:2px solid #3866af;
}
#homecontent{
	padding:8px 0 6px 12px;
	text-align:left;
	display:block;
	font-size:11px;
	line-height:14px;
	width:374px;
	color:#333333;
}
#homecontent p{
	margin:0 0 12px 8px;
}
#homecontent h1{
	margin:0 0 8px 0;
	padding:0 0 4px 3px;
	font-size:19px;
	line-height:21px;
	display:block;
	color:#b7181e;
	border-bottom:2px dotted #721319;
}
#orangecurvesmall{
	height:9px;
	width:288px;
	display:block;
	line-height:0;
	font-size:0;
	background:url(/images/bot_orange_small.gif) no-repeat;
}
#orangecurvesmall.blue{
	background:url(/images/bot_blue_small.gif) no-repeat;
}
#desnavwrapsmall{
	width:285px;
	height:26px;
	text-align:left;
}
#desnavwrapsmall div{
	height:26px;
	display:block;
	background:url(/images/blog_home.gif) no-repeat;
}
.boxcontent{
	padding:2px 10px 6px 12px;
	text-align:left;
	display:block;
	font-size:11px;
	line-height:13px;
	color:#333333;
}
.boxcontent p{
	margin:0 0 8px 4px;
}
.boxcontent h1{
	margin:0 0 5px 0;
	padding:0 0 3px 0px;
	font-size:19px;
	line-height:22px;
	display:block;
	color:#b7181e;
	border-bottom:2px dotted #721319;
}

.boxcontent h2{
	margin:6px 0 9px 0;
	padding:0 0 5px 0px;
	font-size:18px;
	line-height:22px;
	display:block;
	color:#b7181e;
	border-bottom:2px dotted #721319;
}