/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.ui-draggable, .ui-droppable {
	background-position: top left;
}

#gallery1 { width: 507px; height:100px;} * html #gallery { height: 12em; } /* IE6 */
#gallery2 { width: 507px; height:100px;} * html #gallery { height: 12em; } /* IE6 */
.gallery li { float: left;}		
.gallery li img { width: 100%; height:33px; cursor: pointer; }

/*#trash { float: right; width: 32%; min-height: 18em; padding: 1%;} * html #trash { height: 18em; }*/ /* IE6 */
#trash { position:absolute; top:315px; left:180px; width: 69px; height: 69px; padding: 0px;} * html #trash { height: 69px; }		
#trash2 { position:absolute; top:315px; left:256px;  width: 69px; height: 69px; padding: 0px;} * html #trash2 { height: 69px; }
#trash3 { position:absolute; top:315px; left:333px;  width: 69px; height: 69px; padding: 0px;} * html #trash3 { height: 69px; }
	
.ui-state-default, .ui-widget-content .ui-state-default { /*{borderColorDefault}*/; background: url(images/products/white.gif)/*{bgImgUrlDefault}*/ 0/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {/*{borderColorHighlight}*/; background: url(images/products/white.gif)/*{bgImgUrlHighlight}*/ 0/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }        

.colortitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333333;
	text-align:left; 
	width:507px;
	height:9px;
	padding: 10px 0px 1px 0px; 
}

.colortext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:left;
	padding: 6px 0px 1px 6px; 
	width:130px;
	height: 33px;
}

.colortextblue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0077C2;
	text-align:left;
	padding: 6px 0px 1px 6px; 
	width:130px;
	height: 33px;
}

.colortextred{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#F83938;
	text-align:left;
	padding: 6px 0px 1px 6px; 
	width:130px;
	height: 33px;
}

.colorline{
	text-align:left;
	width:507px;
	height:3px;
	padding: 6px 0px 10px 0px; 
}