/************************************************************
The shirtLayerF and shirtLayerB contain the background image or color
for the shirt or other physical material
 **************************************************************/
 body {font:13px/1.22 arial,helvetica,clean,sans-serif;/*font-size:small;*/font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;/*font-size:108%;*/ line-height:99%;}
#Wdesigninfo {
	border: 1px solid #333333; padding:5px;
}
#IEwarnDiv {
	visibility:hidden;
}
#headerDiv {
	position:absolute;
	padding-top:5px;
	padding-left:10px;
	z-index:1;
	top:0px;
	left:0px;
	width:760px;
	height:40px;
	color:#000;
	background:url(./skins/sam/sprite.png) repeat-x 0 -200px;
	background-color:#000066;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#leaveWarnOverlay {
	z-index:1000;
}
#headerDiv .ft {
	position:absolute;
	z-index:1;
	top:30px;
	left:0px;
	width:760px;
	height:40px;
	color:#FFFFFF;
	background-color:#dddddd;
}
#boxCart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ddd;
	width: 120px;
	position: absolute;
	visibility: hidden; /* turn OFF when done */
	top: 80px;
	left: 530px;
	text-align: left;
	padding: 4px;
	z-index:50;
}

#quickCartItemDiv  {
	color:#ddd;
}
a:link,a:visited,a:active,a:hover {color:#ddd;}


#designinfo2 {
	visibility:hidden;
}
/*****************************************************************
Product parameters
******************************************************************/
#launchdebugbox {
	position: absolute;
	z-index: 600;
	bottom: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
}
#productDiv {
	position: absolute;
	z-index: 100;
	top: 10px;
	left:10px; /* WAS left: 100px;*/
	width:400px;
}
#priceDiv {
	position: absolute;
	z-index: 100;
	top: 80px;
	left:525px; /* WAS left: 10px;*/
	border: 1px solid #cccccc;
	font-size: 1em;
	background-color:#eee;
	width:226px;
	padding:3px;
	visibility:hidden;
}
#designfileDiv { /* SAVE OPEN SEARCH*/
	position: absolute;
	z-index: 100;
	top: 10px;
	left:546px; ;/* WAS left: 10px;*/
}
#designfileDiv .fileDivItem {
	display:inline;
	float:left;
}
#SDtoolbarDiv {
	position: absolute;
	z-index: 100;
	top: 80px;
	left: 600px;
}
#lotoolbarDiv {
	position: absolute;
	z-index: 100;
	top: 80px;
	left:730px; /* WAS left: 10px;*/
}
#lotoolbarDiv .fileDivItem {
	display:inline;
	float:left;
}
#productDiv .prodDivItem {
	display:inline;
	float:left;
} 
#textEditorDiv {
	position:absolute;
	left:268px;/* WAS left: 320px;*/
	top:10px; /* WAS top: 40px;*/
	z-index:100;/* WAS 200 */
	visibility:visible; /* UNTIL Colour is chosen */
	width:240px;
}
#textEditorDiv .header {
	position:absolute;
	left: 5px;
	top: 5px;
	font-size:1em;
}
#textEditorDiv .textbox {
	position:absolute;
	left: 5px;
	top: 20px;
	font-size:1em;
	background-color:#99FFFF;
	border: 1px solid #cccccc;
}
#textEditorDiv .buttonDiv {
	position:absolute;
	left: 5px;
	top: 50px;
	font-size:1em;
}
#textEditorDiv .tbItem {
	display:inline;
	float:left;
}
#rotateButtonDiv .tbItem {
	display:inline;
	float:left;
}
#globalButtonsDiv {
	position:absolute;
	left: 610px;
	top: 10px;
	width:155px;
	z-index:200;
	visibility:visible; /* UNTIL Text or Graphic is chosen */
}
#globalButtonsDiv .tbItem {
	display:inline;
	float:left;
}
.twoButtons {
	display:inline;
	float:left;
}
#sizeOpts2 a{
   /* height: 18px;
    width: 20px; */
    margin: 1px;
	padding-top: 2px;
    cursor: pointer;
    border: 1px solid #cccccc;
	text-align:center;
	display: block;
	float:left;
	color:#333333;
}
#sizeOpts3 a{
 /*   height: 18px;
    width: 20px; */
    margin: 1px;
	padding-top: 2px;
    cursor: pointer;
    border: 1px solid #cccccc;
	text-align:center;
	display: block;
	float:left;
	color:#333333;
}
#sizeOpts .checked{
	background-color:#CCCCCC;
}
/* END of Product Options Area **************************/
/************************************************************
The printAreaF and printAreaB are the blocks within the mediaLayer that contain the design text.
The width and height should be adjusted accordingly.
 **************************************************************/
#printAreaF {
	position: absolute;
	height: 400px;
	width: 350px;
	left: 0px; /* WAS 220 */
	top: 100px;
	z-index: 3;
	border: 1px dashed #666666;
	cursor: move;
}
#printAreaB {
	position: absolute;
	height: 400px;
	width: 350px;
	left: 0px; /* WAS 220 */
	top: 60px;
	z-index: 3;
	border: 1px dashed #666666;
	cursor: move;
}
/*Begin Text Editor CSS *********************************************************/
#maintoolbarDiv {
	/* width:300px; */
}
#strokecoloroverlay .tbItem1 {
	display:inline;
	float:left;
}
#archoverlay .tbItem1 {
	display:inline;
	float:left;
}
#textparamDiv .fontItem {
	display:inline;
	float:left;
}
#searchresultsArea {
	width:460px;
	height:120px;
	overflow:auto;
}
#searchresultsArea a {
	cursor: pointer;
	text-decoration:underline;
} 
/****** OVERLAY CSS ****************************************/
#textboxoverlay {
	visibility:hidden;
	z-index:600;
}
#textcoloroverlay {
	visibility:hidden;
	z-index:600;
}
#fontboxoverlay {
	visibility:hidden;
	z-index:600;
}
#symgrouplist {
	cursor: pointer;
	font-size:1em;
	display:inline;
	float:left;
	padding:2px;
	color:#0000FF;
}
#stockgrouplist {
	cursor: pointer;
	font-size:1em;
/*	display:inline; */
	float:left;
/*	padding-left:2px;
	padding-right:0px; */
	color:#0000FF;
}
#ODgrouplist {
	cursor: pointer;
	font-size:1em;
	display:inline;
	float:left;
	padding:2px;
	color:#0000FF;
}
.fontscroll {
	overflow: auto;
	/*height: 90px;*/
	width: 160px;
	cursor: pointer;
	border: none;
}
.symbolscroll {
	overflow: auto;
	height: 100px;
	width: 200px;
	cursor: pointer;
}
.stockscroll {
	overflow: auto;
	height: 350px;
	width: 350px;
	cursor: pointer;
}
.SDscroll {
	overflow: auto;
	height: 350px;
	width: 350px;
	cursor: pointer;
}
.SDimg {
	padding:5px;
}
.fontlistIMG {/* path original */
	background: url(../fonts/fonts.png) no-repeat; 
	width:150px;
	height:30px;
}
a.fontlistIMG:hover {
	border: 1px solid #0000ff;
}
a.fontlistIMG:hover {
	border: 1px solid #0000ff;
}

.productitem{
	background: url(../products/products.jpg) no-repeat; 
}

#imageframe {
	width:200px;
	/*height:200px;*/
	height:95px;
	background-color:#dddddd;
	overflow:auto;
	padding:5px;
}
#hiddenframe {
	visibility:hidden;
	width:1px; 
	height:1px; 
} 
#imgloading1 {
	position: absolute;
	visibility: hidden;
	text-align:center;
	height: 100px;
	width: 247px;
	left: 265px;
	top: 150px;
	border: 1px solid #666666;
	background-color:#FFFFFF;
	z-index: 700;
}
#workingParams {
	visibility:hidden;
}
#fogDiv {
	visibility: visible;
	text-align:center;
	padding-top:200px;
	font-size:34px;
	color:#FFFFFF;
	z-index:900;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity:.40;
} 
/*COLORPICKER*?
/* CSS Document */
.yui-toolbar-colors {
	width: 154px;
	zoom: 1;
	/*display: none; */
    z-index: 120;
	overflow: hidden;
	border-width: 1px;
	border-bottom-color:#000000;
	border-style:solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#FFFFFF
}
/* Setup the :after so that compliant browsers don't loose the bounding box */
.yui-toolbar-colors:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
/* Style all of the A's so the float properly */
.yui-toolbar-colors a {
    height: 10px;
    width: 10px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #F6F7EE;
}
/* Put a little border around one that is hovered over */
.yui-toolbar-colors a:hover {
    border: 1px solid black;
}
/* Smash the inhertited Menu style */
.yui-color-button-menu {
    overflow: visible;
    background-color: transparent;
}
/* This is the preview box at the bottom of the menu - Zoom it for IE */
.yui-toolbar-colors span {
    position: relative;
    display: block;
    padding: 3px;
    overflow: hidden;
    float: left;
    width: 100%;
    zoom: 1;
}
/* Setup the :after so that compliant browsers don't loose the bounding box */
.yui-toolbar-colors span:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
/* This is the box with the color preview in it */
.yui-toolbar-colors span em {
    height: 35px;
    width: 30px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    margin: 0.75px;
    border: 1px solid black;
}
/* The container for the name and hex code */
.yui-toolbar-colors span strong {
    font-weight: normal;
    padding-left: 3px;
    display: block;
    font-size: 85%;
    float: left;
    width: 65%;
}
/*START SHIRT COLOR Picker */
.yui-toolbar-colors2 {
	width: 154px;
	zoom: 1;
	/*display: none; */
    z-index: 120;
	overflow: hidden;
	border-width: 1px;
	border-color:#cccccc;
	border-style:solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#FFFFFF
}
/* Setup the :after so that compliant browsers don't loose the bounding box */
.yui-toolbar-colors2:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
/* Style all of the A's so the float properly */
/*.yui-toolbar-colors2 a {
    height: 20px;
    width: 20px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #F6F7EE;
} */
/* Put a little border around one that is hovered over */
.yui-toolbar-colors2 a:hover {
    border: 1px solid black;
}
/* Smash the inhertited Menu style */
.yui-color-button-menu {
    overflow: visible;
    background-color: transparent;
}
/* This is the preview box at the bottom of the menu - Zoom it for IE */
.yui-toolbar-colors2 span {
    position: relative;
    display: block;
    padding: 3px;
    overflow: hidden;
    float: left;
    width: 100%;
    zoom: 1;
}
/* Setup the :after so that compliant browsers don't loose the bounding box */
.yui-toolbar-colors2 span:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
/* This is the box with the color preview in it */
.yui-toolbar-colors2 span em {
    height: 35px;
    width: 30px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    margin: 0.75px;
    border: 1px solid black;
}
/* The container for the name and hex code */
.yui-toolbar-colors2 span strong {
    font-weight: normal;
    //padding-left: 3px;
    display: block;
    font-size: 85%;
    float: left;
    width: 100%;
}
/*NEW COLORPICKER */
.yui-toolbar-colors3 {
	width: 90px; /* WAS 154 */
	zoom: 1;
	/*display: none; */
    z-index: 320;
	overflow: hidden;
	border-width: 1px;
	border-bottom-color:#000000;
	border-style:solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#FFFFFF
}
/* Setup the :after so that compliant browsers don't loose the bounding box */
.yui-toolbar-colors3:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
/* Style all of the A's so the float properly */
.yui-toolbar-colors3 a {
    height: 20px;
    width: 20px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #cccccc;
}
/* Put a little border around one that is hovered over */
.yui-toolbar-colors3 a:hover {
    border: 1px solid black;
}
/* Smash the inhertited Menu style */
.yui-color-button-menu {
    overflow: visible;
    background-color: transparent;
}
/* This is the preview box at the bottom of the menu - Zoom it for IE */
.yui-toolbar-colors3 span {
    position: relative;
    display: block;
    padding: 3px;
    overflow: hidden;
    float: left;
    width: 100%;
    zoom: 1;
}
/* Setup the :after so that compliant browsers don't loose the bounding box */
.yui-toolbar-colors span:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
/* This is the box with the color preview in it */
.yui-toolbar-colors3 span em {
    height: 35px;
    width: 30px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    margin: 0.75px;
    border: 1px solid black;
}
/* The container for the name and hex code */
.yui-toolbar-colors3 span strong {
    font-weight: normal;
    padding-left: 3px;
    display: block;
    font-size: 85%;
    float: left;
    width: 65%;
}
.yui-tt .bd {
	background-color:#eeeeee;
	border-color:#D4C237 #A6982B #A6982B;
	border-style:solid;
	border-width:1px;
	color:#000000;
	left:0;
	padding:2px 5px;
	position:relative;
	top:0;
	z-index:1000;
}
/*RESIZE */
.yui-resize{position:relative;zoom:1;z-index:0;}.yui-resize-wrap{zoom:1;}.yui-draggable{cursor:default;}.yui-resize .yui-resize-handle{position:absolute;z-index:1;font-size:0;margin:0;padding:0;zoom:1;height:1px;width:1px;}.yui-resize .yui-resize-handle-br{height:5px;width:5px;bottom:0;right:0;cursor:se-resize;z-index:2;zoom:1;}.yui-resize .yui-resize-handle-bl{height:5px;width:5px;bottom:0;left:0;cursor:sw-resize;z-index:2;zoom:1;}.yui-resize .yui-resize-handle-tl{height:5px;width:5px;top:0;left:0;cursor:nw-resize;z-index:2;zoom:1;}.yui-resize .yui-resize-handle-tr{height:5px;width:5px;top:0;right:0;cursor:ne-resize;z-index:2;zoom:1;}.yui-resize .yui-resize-handle-r{width:5px;height:100%;top:0;right:0;cursor:e-resize;zoom:1;}.yui-resize .yui-resize-handle-l{height:100%;width:5px;top:0;left:0;cursor:w-resize;zoom:1;}.yui-resize .yui-resize-handle-b{width:100%;height:5px;bottom:0;right:0;cursor:s-resize;zoom:1;}.yui-resize .yui-resize-handle-t{width:100%;height:5px;top:0;right:0;cursor:n-resize;zoom:1;}.yui-resize-proxy{position:absolute;border:1px dashed #000;visibility:hidden;z-index:1000;}.yui-resize-hover .yui-resize-handle,.yui-resize-hidden .yui-resize-handle{opacity:0;filter:alpha(opacity=0);}.yui-resize-ghost{opacity:.5;filter:alpha(opacity=50);}.yui-resize-knob .yui-resize-handle{height:6px;width:6px;}.yui-resize-knob .yui-resize-handle-tr{right:-3px;top:-3px;}.yui-resize-knob .yui-resize-handle-tl{left:-3px;top:-3px;}.yui-resize-knob .yui-resize-handle-bl{left:-3px;bottom:-3px;}.yui-resize-knob .yui-resize-handle-br{right:-3px;bottom:-3px;}.yui-resize-knob .yui-resize-handle-t{left:45%;top:-3px;}.yui-resize-knob .yui-resize-handle-r{right:-3px;top:45%;}.yui-resize-knob .yui-resize-handle-l{left:-3px;top:45%;}.yui-resize-knob .yui-resize-handle-b{left:45%;bottom:-3px;}.yui-resize-status{position:absolute;top:-999px;left:-999px;padding:2px;font-size:80%;display:none;zoom:1;z-index:9999;}.yui-resize-status strong,.yui-resize-status em{font-weight:normal;font-style:normal;padding:1px;zoom:1;}.yui-skin-sam .yui-resize .yui-resize-handle{background-color:#F2F2F2;}.yui-skin-sam .yui-resize .yui-resize-handle-active{background-color:#7D98B8;zoom:1;}.yui-skin-sam .yui-resize .yui-resize-handle-l,.yui-skin-sam .yui-resize .yui-resize-handle-r,.yui-skin-sam .yui-resize .yui-resize-handle-l-active,.yui-skin-sam .yui-resize .yui-resize-handle-r-active{height:100%;}.yui-skin-sam .yui-resize-knob .yui-resize-handle{border:1px solid #808080;}.yui-skin-sam .yui-resize-hover .yui-resize-handle-active{opacity:1;filter:alpha(opacity=100);}.yui-skin-sam .yui-resize-proxy{border:1px dashed #426FD9;}.yui-skin-sam .yui-resize-status{border:1px solid #A6982B;border-top:1px solid #D4C237;background-color:#FFEE69;color:#000;}.yui-skin-sam .yui-resize-status strong,.yui-skin-sam .yui-resize-status em{float:left;display:block;clear:both;padding:1px;text-align:center;}.yui-skin-sam .yui-resize .yui-resize-handle-inner-r,.yui-skin-sam .yui-resize .yui-resize-handle-inner-l{background:transparent url( layout_sprite.png) no-repeat 0 -5px;height:16px;width:5px;position:absolute;top:45%;}.yui-skin-sam .yui-resize .yui-resize-handle-inner-t,.yui-skin-sam .yui-resize .yui-resize-handle-inner-b{background:transparent url(layout_sprite.png) no-repeat -20px 0;height:5px;width:16px;position:absolute;left:50%;}.yui-skin-sam .yui-resize .yui-resize-handle-br{background-image:url( layout_sprite.png );background-repeat:no-repeat;background-position:-22px -62px;}.yui-skin-sam .yui-resize .yui-resize-handle-tr{background-image:url( layout_sprite.png );background-repeat:no-repeat;background-position:-22px -42px;}.yui-skin-sam .yui-resize .yui-resize-handle-tl{background-image:url( layout_sprite.png );background-repeat:no-repeat;background-position:-22px -82px;}.yui-skin-sam .yui-resize .yui-resize-handle-bl{background-image:url( layout_sprite.png );background-repeat:no-repeat;background-position:-22px -23px;}.yui-skin-sam .yui-resize-knob .yui-resize-handle-t,.yui-skin-sam .yui-resize-knob .yui-resize-handle-r,.yui-skin-sam .yui-resize-knob .yui-resize-handle-b,.yui-skin-sam .yui-resize-knob .yui-resize-handle-l,.yui-skin-sam .yui-resize-knob .yui-resize-handle-tl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-tr,.yui-skin-sam .yui-resize-knob .yui-resize-handle-bl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-br,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-t,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-r,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-b,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-l,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tr,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-bl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-br{background-image:none;}.yui-skin-sam .yui-resize-knob .yui-resize-handle-l,.yui-skin-sam .yui-resize-knob .yui-resize-handle-r,.yui-skin-sam .yui-resize-knob .yui-resize-handle-l-active,.yui-skin-sam .yui-resize-knob .yui-resize-handle-r-active{height:6px;width:6px;}


/* ------ My AMENDS ----- */

/* - - - TURNED OFF - - - */

#launchsymButton,#launchSIGbox,#strokeBox {
	visibility:hidden;
}

/*REPOSITION some buttons*/

#launchIGbox
	{
	position:relative;left:10px;
}

/*
#leftjustBox,
#centerjustBox,
#rightjustBox
	{
	position:relative;left:20px;
}*/


#productSP {
	//margin-top:-5px;
}


#rotateBox, #flipVBox, #flipHBox
	{
	float:left;
}
#searchdesignsoverlay	{
	filter:alpha(opacity=80);
	opacity:.80;
}
#search-email	{float:left; width:249px;}
#searchdesignsBox2	{margin-left:255px;margin-top:-25px;	float:left;}

#edittextbox {width:249px;margin-bottom:5px;}

#WimageViewDiv, #WbuydesignBox, #WquotedesignBox, #WeditdesignBox {margin-bottom:5px;}


#fileimage {font-size:12px;}
#imagegalformAddButton{margin-top:7px;}
#bd TB2Div{height:105px;}