@charset "iso-8859-1";

/* 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;
}
#proddescDiv{background:white;}
#proddescDiv_bd {background:white;border-top:1px solid #808080;padding:10px 0 0 0;margin-left:10px;}

#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;
}


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

#edittextboxGhost {
	width:235px; border:1px solid #ccc;
	margin-top:10px;
	margin-bottom:7px;
	height:19px;

}
#edittextboxGhost:focus {border:1px solid #999;}

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

#fontsizeDiv {margin-left:0px;margin-bottom:7px;visibility:inherit;height:26px;}
#fontsizeDiv select  {margin-left:0px; margin-top:7px;width:239px;}
#fsedit1 {/*height:26px; font-size:16px;*/ font-size:12px;}


#showProductsbox, #showProductColorsbox, #showtextbox, #launchIGbox, #savedesignbox {
	 cursor:pointer;
	 -moz-border-radius:5px 5px 0 0;
	 border-radius:5px 5px 0 0;
}
#textEditorDiv {
	 -moz-border-radius:5px 5px 0 0;
	 border-radius:5px 5px 0 0;
}


#showProductsbox {background-color:#A5CBFF;padding:0 2px;}
#showProductColorsbox {background-color:transparent;padding:0 2px;}

#showtextbox	{visibility:hidden;padding:0 0 0 2px;}
#showtextboxNEXT{visibility:visible;}
#launchIGbox	{visibility:hidden;}
#savedesignbox	{visibility:hidden;}

.yui-skin-sam .yui-panel,
.yui-skin-sam .yui-panel .hd, 
.yui-skin-sam .yui-panel .bd, 
.yui-skin-sam .yui-panel .ft 
	{
	border:1px solid #fff;
	background:#fff;
	}
.yui-skin-sam .container-close {
	/* background:#fff;
	 visibility:hidden; */
}	


#mediaLayerF,#mediaLayerB {
	background-repeat: no-repeat;
	position:absolute;
	top:50px;
	left:350px;
	width:425px; height:425px;
	z-index:1;
}

#mediaLayerB {
	visibility:hidden;
}


/* SET POSITIONS FOR PALETTES */




#productsoverlay,#productcolorsoverlay,#textboxoverlay,#imagegalleryoverlay,#symoverlay,#opendesignoverlay,#savedesignoverlay {
	position:inherit;
	top:50px;
	left:5px;
}

#opendesignoverlay {
	position:relative;
	top:-80px;
	left:139px;
}

#productsoverlay {
	visibility: visible;
	width:340px; /* new */
	z-index:690;
}
.productscroll {
	overflow: auto;
	/*height: 270px;*/ /* WAS 160*/
	width:340px; /* was width: 120px; NEW - to fit 600px #productsoverlay */
	cursor: pointer;
}

.productitem{
	/* see CONFIG -- background: url(../products/products.jpg) no-repeat; */
	width: 100px;
	height: 100px; /* WAS 120 */
	font-size:0.75em;
	margin-bottom:14px;
	margin-right:10px; /* new - to fit wider #productsoverlay */
	/* border-bottom:2px solid #ccc; */
	cursor:pointer;
	float:left; /* new - to fit 600px #productsoverlay */
}
.productitem:hover {
	background-color:#A5CBFF;
}
.productitemText{padding-left:3px;}


#productcolorsoverlay {
	z-index:689;
	width:249px;
	border-bottom:none;
}

#colorOpts {
	height:50px;
	width:230px;
	padding-left:5px;
	margin-bottom:10px;
}
#sizeOpts {
	height:35px;
	width:230px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#000000;
	font-weight:bold;
	padding:6.2px 0 10.2px 5px;	
}

#sizeOpts a{
	 /*   height: 18px;
	width: 20px; */
	margin-right: 3px;
	padding: 2px;
	cursor: pointer;
	border: 1px solid #cccccc;
	text-align:center;
	display: block;
	float:left;
	color:#333333;
	background-color:#eee;
}


/* Style all of the A's so the float properly */
.yui-toolbar-colors2 a, .yui-toolbar-colors3 a {
    height: 18px;
    width: 18px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #F6F7EE;
}
.yui-toolbar-colors2 span strong {width:100%;padding-left:0px;}

#sizeChartLink {	
	width:100%;
	margin-top:8px;
	float:none !important;
	clear:both !important;
	display:inline-block;
	border-top:1px solid #CCCCCC;
	font-size:73% !important;
	padding-top:2px;
}

#sizeChartLink a {
	/*font-size:73% !important;*/
	display:inline;
	background-color:transparent !important;
	border:none !important;
	float:none !important;
	clear:both !important;
	margin-right:0px !important;
	padding:0px 2px !important;
	text-align:left !important;
}
#sizeChartLink span {padding:0 3px ;cursor:pointer;}
#sizeChartLink span:hover, #sizeChartLink a:hover {background-color:#A5CBFF !important;}

#sizeChart {
	visibility:hidden; 
	position:relative;
	top:-22px;
	left:-5px;
	width:534px;
	height:75px;
	/* border:1px solid #ccc; */
	background:transparent !important;
	text-align:left;
}

#sizeMarker {
	position:relative;
	left:6px;top:-74px;
	width:20px;height:12px;
	border:none;
	border-right:16px solid #A5CBFF;
	/* opacity:0.12; */
	/*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;*/
	color:transparent;
	/*background:#A5CBFF;*/
	font-size:11px;
	visibility:hidden;
	padding-bottom:1px;
	clip:auto;
}

#toTextStage {
	font-size:100%;
	border:0px solid;
	margin:20px 0 0 129px;
	background:#A5CBFF;
	width:100px;
	cursor:pointer;
}

#productdescoverlay { position:absolute;
top:300px; /* 100 ... 75 */
left:265px;
z-index:100;
}
#textboxoverlay { position:absolute;
width:249px;
z-index:699;
}
#textboxoverlay_bd {padding-top:0px;padding-bottom:5px;}
#textHint	{visibility:hidden;padding-top:0px;}

/* #TB2Div { position:absolute;
top:50px;
left:130px;
z-index:200;
} */

#TCpicker_bd{padding-top:0px;}
#TCpicker{
	width:225px;
	border:1px solid #CCC;
	padding:5px;
	height:29px;
	}

#fontsmenubox{
	position:relative;
	top:100px;
	left:0px;
}

#fontboxoverlay { position:absolute;
top:242px; /* 100 -50 ... -75 ..135px*/
left:5px; /* 525px;  */
visibility:inherit;
width:249px;
}
#fontslist_bd {padding:0 10px;}
#fontslist {border:1px solid #ccc;padding:5px;height:65px;}
.fontscroll {width:225px;background-color:#fff;}
.symbolscroll {width:236px;background-color: #eee;
    border: 1px solid #ccc;height:75px;}
.symbolscroll img {padding:2px 1px 4px 2px;}

#symgrouplist {padding:5px 10px;}
#changesymgroup{width:250px;word-wrap: break-word;}
#changesymgroup:hover {color:#000;}

.fontlistIMG{border:2px solid #fff;width:200px;}
.fontlistIMG:hover{border:2px solid #A5CBFF;}

#textcoloroverlay { position:absolute;
top:5px; /* 100 ... 75 */
left:525px;
width:249px;
z-index:600;
}

#archoverlay { position:inherit;
top:400px; /* 100 ... 75 */
left:5px;
z-index:2000;
width:249px;
}
#archoverlay_h, #archoverlay .bd, #archoverlay .ft{
	padding-top:0px;
	padding-bottom:0px;
	}
	
#arches{clear:left; border:1px solid #ccc;padding:5px;width:225px;}	

#archoverlay .ft{padding:10px;}

#removearchBox {float:left; margin-top:5px;margin-right:7px;}
#removearchButton {margin-bottom:10px;margin-top:5px;}
#removearchButton-button{ min-height: 2em;width:2.1em !important;}

#imggalForm{margin-bottom:7px;}


#imagegalleryoverlay {
width:249px;
z-index:700;
}
#imgloading1 { height:50px;
}

#symoverlay {
	visibility:visible;
	width:249px;
	top:338px;	
	height:100px;
}
#symoverlay .hd{border-top:1px solid #808080;margin-left: 10px;padding-left:0px;
    width: 225px;}
#symoverlay .bd{padding:0px 10px;}

#savedesignoverlay { position:absolute;
z-index:2500;
width:340px;
visibility:inherit;
}

#savedesignoverlay .hd, #savedesignoverlay .bd, #savedesignoverlay .ft {
	background-color:#B0F299;
	border:none;
}
#savedesignoverlay .hd {
	-moz-border-radius:25px 25px 0 0;
}
#savedesignoverlay a {right:20px;
top:10px;}
#savedesignoverlay .bd {
	-moz-border-radius:0 0 25px 25px;
}

#savecompleteoverlay { position:relative;
	top:5px;
	left:0px;
	z-index:2600;
	width:775px;
}
#savedesignoverlay .bd {
	height:285px;
}

#savedinfoBoxOptions, #addtocartOptions {
	height:335px;
}
#SbuydesignButton.yui-button button {
	background-position:0 -324px; /* save icon */
	overflow:hidden;
	width:249px;
	max-width:249px;
	padding-left:30px;
	text-indent:0px;
	text-align:left;
	min-height:2em;
}

/* #SbuydesignButton .first-child {width:160px;} */

#savecompleteoverlay .hd, #addtocartoverlay .hd {
	background:url("./skins/sam/sprite.png") repeat-x scroll 0 -200px #000066;
	height:38px;
}
#savecompleteoverlay .bd, #addtocartoverlay .bd {
/*	border:1px solid #ccc;background:#eee; */
	height:490px;
	padding:5px 5px;
}

#savedinfoBox,#cartimageDiv1 {
	float:right;
	padding-left:5px;
	width:425px;
}

#savedinfoBoxOptions, #addtocartOptions  {
	float:left;
	width:325px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:10px;
	background-color:#B0F299; /* green */
	-moz-border-radius:25px;
}

#sizeOpts2, #qtyDiv, #StocartBox, #priceDiv2 {padding-left:10px;}
#qtyDiv {float:left; padding-right:15px;}

#savewaitoverlay { position:absolute;
left:-252px;
top:-300px;
}
#addtocartoverlay { position:relative;
	top:5px; /* -180 ... -205 */
	left:0px;
	z-index:2700;
	background:#eee;
	width:775px;
	height:480px;
}


#helpoverlay {position:absolute;
top:-35px; /* -125 ... -165 */
left:492px;
width:275px;
z-index:2000;
border:1px solid #ccc;background:#eee;
}
#helpoverlay .hd, #helpoverlay .bd , #helpoverlay .ft {background:#eee;border:1px solid #ccc;background:#eee;}
#helpoverlay .bd {padding:0px; height:325px;}


#helpoverlay .container-close, #opendesignoverlay .container-close  {
	visibility:inherit;
	background:url("skins/sam/sprite.png") no-repeat scroll 0 -300px transparent;
	}

#opendesignoverlay, #opendesignAlert{
	position:absolute;
	top:50px;
	left:5px;
	width:330px;
	height:490px;
	background-color:#fff !important;
}
#opendesignoverlay .bd, #opendesignAlert .bd{
	background-color:#eee !important;

}
#designreviewoverlay {
	position:absolute;
	top:50px;
	left:334px;
	width:436px;
	height:400px;

}
#designreviewoverlay, #designreviewoverlay .hd,#designreviewoverlay .bd,#designreviewoverlay .ft  {
	background-color:#eee;border:none;
}
/* END set positions for palettes */


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

#textEditorDiv {
	left:240px; /*260px;*/
	background-color:transparent;	
	visibility:hidden;
	padding:0 4px 0 0;
	width:270px; /*250px;*/
}

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

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

#andOr {visibility:inherit;}
#saveDiv {
	visibility:visible; /* UNTIL Colour is chosen */
	position: absolute;
	top:10px;
	left:515px;
	width:250px;
	background-color:transparent;	
	z-index:100;/* WAS 200 */
}
#savedesignbox {
	padding:0 2px;
}

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




#imageframe {
	width:225px;
	margin-top:5px;
	margin-left:10px;
	height:75px;
	background-color:#eee;
	overflow:auto;
	padding:5px;
	border:1px solid #ccc;
}
#imageframe img {margin-right:1px;}

#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;}
.yui-toolbar-colors3 span em {width:1px;height:1px;border:none;margin:0px;}
.yui-toolbar-colors3 span strong {padding:0px;}

#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, #deleteimageBox {display:inline-block;margin-left:5px;}
.yui-tt {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:0.75em;
}

#deleteimageBox{visibility:hidden;}

#deleteimageButton, #deletelineButtonT {
	background-position: 0 0;
	left: 273px;
	position: absolute;
	top: 106px;
    	width: 66px;

}
#deleteimageButton span, #deletelineButtonT span {
    border-color: #808080;
    border-style: solid;
    border-width: 0 1px;
    margin: 0 -1px;
    padding:14px 1px;
}
#deleteimageButton-button, #deletelineButtonT-button {
	background:none;
	padding: 5px 0; /*7px 1px 7px;*/
	border: 2px dotted #FFFF00;
	margin:1px;
	font-weight:bold;
	}



#leftjustBox, #centerjustBox, #rightjustBox, #deletelineBox, #deleteimageBox {cursor:default;}

#savedesignButton2 {margin-top:10px;}


.ft {cursor:default;} 

/* #proddescDiv {font-size:85%;} */
#garmentloading{
	left:490px;
	position:absolute;
	text-align:center;
	top:169px;
}


#globalButtonsDiv {
	position:absolute;
	left:0px;
	top:55px;
	visibility:visible;
	z-index:2;
	/*background-color:#ff0000; */
}


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


#sel-F, #sel-B	{
	position:relative; left:273px;/* WAS 511 after 0*/
	top:30px;
	padding:0;
	width:3em;
	z-index:1;
	visibility:hidden;
}
#sel-B	{
	top:40px;
	width:3.1em;
}
#sel-Fbutton, #sel-Bbutton{
	background:none;
	background-color:#fff;
}
#sel-Fbutton .first-child, #sel-Bbutton .first-child {
	border-right:3px solid #fff;
	width:75px;
}
#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-right:2px solid #fff;width:77px;}
#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;
	border:2px solid #fff;
}
#archUpOne:hover, #archUpTwo:hover, #archUpThree:hover, #archDownOne:hover, #archDownTwo:hover, #archDownThree:hover{border:2px solid #A5CBFF;}

#curveup, #curvedown {border-bottom:1px solid #808080; font-weight:normal; margin-bottom:5px;}
#archUpOne {
	background-position:0px 0px;}
#archUpTwo {
	background-position:-32px 0px;}
#archUpThree {
	background-position:-64px 0px;}
#archDownOne 
	{background-position:0px -37px;margin-left:1px;}
#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;
	visibility:hidden;
}

.shadow{width:5px; height:5px; background-color:transparent;}

#priceDiv {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
font-size:1em;
left:0px;
margin:5px 0 5px 0;
padding:3px;
position:relative;
top:0px;
visibility:hidden;
width:226px;
z-index:100;
}

/* #newtextButton{width:115px;} */

#fileimage {border:1px solid #808080;margin-right:5px;min-height:1.75em;
	background-color:#EEEEEE;
}
#imagegalfromDiv {width:249px;}
#imagegalformAddBox {
	margin-top:0px !important;
	display:inline-block;
}
#imagegalformAddButton {
	margin-top:0px;
	margin: auto 0.1em;
}

#cancelDesignRetrieveButton.yui-button button {
	background-position:-1px -301px;
	overflow:hidden;
	padding:0 0.75em;
	text-indent:-4em;
	width:2em;
}

#opendesignButton2.yui-button button {
	background-position:-1px -401px;
}

#deletedialog1, #deletedialog1 .hd, #deletedialog1 .bd, #deletedialog1 .ft {
	background-color:#A5CBFF;
	border:none;
	border-right:1px solid #333;border-left:1px solid #999;
}
#deletedialog1 .hd {
	border-top:1px solid #999;
}
#deletedialog1 .ft {
	border-bottom:1px solid #333;
}

#SeditdesignButton.yui-button button {
	background-position:-1px -450px;
}

#savedinfoBox img, #designreviewDiv img, #cartimageDiv1 img {
	border:1px solid #ccc; 
	margin-top:15px;
	vertical-align:top;
}
#savedinfoBox img, #cartimageDiv1 img {margin-top:0px;}

#SbuydesignBox, #SnewdesignBox, #SeditdesignBox {
	width:249px;
	padding:5px;
	/* background-color:#9EB6D8;  house */
	cursor:pointer;
}

#SbuydesignBox {
	background-color:#B0F299; /* green */
	font-weight:bold;
}

/* image resize handles */
.yui-resize-knob .yui-resize-handle {
	height:15px;
	width:15px;
}
.yui-resize-knob .yui-resize-handle-tl {left:-10px; top:-10px;}
.yui-resize-knob .yui-resize-handle-tr {right:-10px; top:-10px;}
.yui-resize-knob .yui-resize-handle-bl {bottom:-10px; left:-10px;}
.yui-resize-knob .yui-resize-handle-br {bottom:-10px; right:-10px;}
.yui-resize-handle-active{background-color:#A5CBFF !important;}

#textsplithint {position:relative;top:350px;left:23px;width:365px;border:2px solid #cacaca;background:#fff;padding:5px;text-align:center;}

#customnotes {
	left: 335px;
	position: absolute;
	top: 390px;
	width: 420px;}
#customnotes .hd{line-height:1;}