/* CSS Document */
#designtool {
	position:relative;
	left: 0px;
	top: 0px;
	width:770px; /* WAS width:960px;*/
	height:550px;
	/*z-index:1; */
	background-color:#fff;
	font-family:arial,helvetica,clean,sans-serif;
}

#headerDiv {
	width:770px;
	background-color:#eee;
	background:#000066 url(./skins/sam/sprite.png) repeat-x scroll 0 -200px;
}

.IQtable {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
.IQtable .head {
	font-weight:bold;
	text-align:left;
}
.JSlink {
	cursor:pointer;
	color:#000099;
	text-decoration:underline;
}
#IQadtcDiv {
	width: 200px;
	border: 1px solid #999999;
	padding: 4px;
}

#fogDiv {
	visibility: visible;
	text-align:center;
	padding-top:100px;
	font-size:34px;
	color:#FFFFFF;
	z-index:9000;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000000;
	filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;
} 


#introFont{
	background:transparent url(skins/sam/toolbar-sprite-trans_VERT.png) no-repeat scroll 0 0;background-position:-3px -104px;
overflow:hidden; padding:0 0.75em;
}


#intro {text-align:left;}
#introFontColour{
	background:transparent url(skins/sam/toolbar-sprite-trans_VERT.png) no-repeat scroll 0 0;background-position:-3px -128px;
overflow:hidden; padding:0 0.75em 0.75em 1em;
}
#introFontCurve{
	background:transparent url(skins/sam/toolbar-sprite-trans_VERT.png) no-repeat scroll 0 0;background-position:-3px -154px;
overflow:hidden; padding:0 1em;
}
#introImage{
	background:transparent url(skins/sam/toolbar-sprite-trans_VERT.png) no-repeat scroll 0 0;background-position:-2px -203px;
overflow:hidden; padding:0.25em 1em;
}

#fsedit1 {/*height:26px; font-size:16px;*/}

#edittextbox,#edittextboxGhost, #fileimage, #design_name, #emailadd, #qtytoAdd  {margin-left:0;}
#Hframe1 {width:215px;} /* the frame tha hangs from the base of imagegalleryoverlay */

#edittextboxGhost {width:220px; border:1px solid #ccc;margin-bottom:5px;}
#edittextbox {color:#ccc;width:220px;margin-top:0px;margin-bottom:0px;background-color:#eee;cursor:default;font-size:1%;}

#fontsizeDiv select  {margin-left:0px; margin-top:2px;}

/* SET POSITIONS FOR PALETTES */

#productsoverlay { position:absolute;
top:50px; /* -180 ... -205 ... -205 +23 */
left:5px;
z-index:690;
}
#productcolorsoverlay { position:absolute;
top:50px; /* -180 ... -205 ... -205px */
left:145px;
z-index:691;
}
#productdescoverlay { position:absolute;
top:300px; /* 100 ... 75 */
left:265px;
z-index:100;
}
#textboxoverlay { position:absolute;
top:300px; /* 100 ... 75 52px */
left:265px;
z-index:699;
}
/* #TB2Div { position:absolute;
top:50px;
left:130px;
z-index:200;
} */
#fontboxoverlay { position:absolute;
top:50px; /* -50 ... -75 ..135px*/
left:590px; /* 525px;  */
z-index:600;
}
#textcoloroverlay { position:absolute;
top:200px; /* 100 ... 75 */
left:525px;
z-index:600;
}
#archoverlay { position:absolute;
top:200px; /* 100 ... 75 */
left:650px;
z-index:2000;
}
#imagegalleryoverlay { position:absolute;
top:305px; /* 90 ... 65 */
left:273px;
z-index:700;
}
#imgloading1 { height:50px;
}
#savedesignoverlay { position:absolute;
top:275px; /* 0 ... -25*/
left:240px;
z-index:2500;
}
#savecompleteoverlay { position:absolute;
top:0px; /* -180 ... -205 */
left:255px;
z-index:2600;
}
#savewaitoverlay { position:absolute;
left:-252px;
top:-300px;
}
#addtocartoverlay { position:absolute;
top:0px; /* -180 ... -205 */
left:160px;
z-index:2700;
}
#helpoverlay {position:absolute;
top:0px; /* -125 ... -165 */
left:492px;
width:275px;
z-index:2000;
}
#helpoverlay .bd {padding:0px; height:325px;}

/* END set positions for palettes */


#open-design-id {margin:0px;}

#textEditorDiv {
	width:500px; /* was 290 */
}

#textEditorDiv .tbItem {
display:inline;
/*float:left;*/
}

.walkthruNos, .walkthruNos2{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:106%;
	}
.walkthruNos2{font-size:100%;}
	
.walkthruSpace {
	width:25px;display:inline;float:left;
}


#designfileDiv { /*SEARCH & HELP button*/
left:490px;
position:absolute;
top:-32px;
z-index:100;
width:270px;
}

#imageframe {
	width:200px;
	/*height:200px;*/
	margin-top:5px;
	height:65px;
	background-color:#dddddd;
	overflow:auto;
	padding:5px;
}


#customNav{
	background-color:#000;	
}
#customNav li{
	width:135px;
	color:#000;
	background-color:#fff;
	font-weight:bold;
	border-left:15px solid #fff;
	text-indent:5px;
	margin-bottom:5px;
}
#customNav li a {
	color:#000;
	background-color:#9EB6D8;
	margin-bottom:0px;
	display:block;
	padding-bottom:3px;
	border-left:5px solid #000;
}
#customNav li :hover	{background-color:#fff;}

#customprintingFromCP {
	width:150px; height:19px; 
	background-repeat:no-repeat;
	position: absolute;
	background:url(/_sprites/customprintingFromCP.png);
	background-position: 0 -1px;
}

#tshirtsFromCP {
	width:150px; height:20px; 
	background-repeat:no-repeat;
	position: absolute;
	background:url(/_sprites/customprintingFromCP.png);
	background-position: 0 -30px;
}
#tshirtsFromCP:hover {background-position: -200px -30px;}

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a, .yui-skin-sam .yui-dialog .ft span.default button {
line-height:1;
min-height:1.75em;
}

.yui-toolbar-colors2 a, .yui-toolbar-colors3 a  {border:1px solid #ccc;}

#deletelineButton.yui-button button {
background:transparent url(../includes/skins/sam/toolbar-sprite-trans_VERT.png) no-repeat scroll 0 0;
background-position:-1px -301px;
overflow:hidden;
padding:0 0;
text-align:left;
width:2em;
}
#deletelineBoxT {display:inline-block;margin-left:5px;}
.yui-tt {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:0.75em;
}
#leftjustBox, #centerjustBox, #rightjustBox, #deletelineBox {cursor:default;}

#savedesignButton2 {margin-top:10px;}


.ft {cursor:default;} 

/* #proddescDiv {font-size:85%;} */
#garmentloading{position:absolute;top:70px;left:350px;}


#globalButtonsDiv {
position:absolute;
left:0px;;
top:55px;
visibility:visible;
width:195px;
z-index:200;
}


#intro {
	position:relative; 
	top:10px;left:15px;
	width:240px;
	height:400px;
}


#sel-F, #sel-B	{
	position:relative; left:511px;/* WAS 0*/
	top:-390px;
	padding:0;
	width:3em;
	z-index:1;
	visibility:visible;
}
#sel-B	{
	top:-385px;
	visibility:visible;
	width:3.1em;
}
#sel-Fbutton, #sel-Bbutton{
	background:none;
	background-color:#fff;
}
#sel-Fbutton .first-child, #sel-Bbutton .first-child {
	border-left:3px solid #fff;
	width:58px;
}
#sel-Fbutton-button, #sel-Bbutton-button  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	outline: none;
}
#sel-Fbutton-button {padding: 0px 0px 3px 6px;font-weight:bold;	outline: none;
}
#sel-Bbutton{background-color:#ddd;}
#sel-Bbutton .first-child {border-left:2px solid #fff;width:60px;}
#sel-Bbutton-button {color:#666; outline: none;
}

#archoverlay .ft {padding-top:10px;}
#archUpOne, #archUpTwo, #archUpThree, #archDownOne, #archDownTwo, #archDownThree {
	height:28px;
	width:30px;
	margin-top:4px;
	margin-bottom:4px;
	background:transparent url(skins/sam/curve_examples.png) no-repeat scroll 0 0;
	display:inline-block;
	cursor:pointer;
}
#curveup, #curvedown {border-bottom:1px solid #808080; font-weight:nornal; margin-bottom:5px;}
#archUpOne	{background-position:0px 0px;}
#archUpTwo 	{background-position:-32px 0px;}
#archUpThree 	{background-position:-64px 0px;}
#archDownOne 	{background-position:0px -37px;}
#archDownTwo 	{background-position:-32px -37px;}
#archDownThree 	{background-position:-64px -37px;}

.yui-skin-sam .yui-panel-container.shadow .underlay { //opacity:0.12;
		filter:alpha(opacity=12);-moz-opacity:0.125;-khtml-opacity: 0.12;opacity: 0.12;
}