/*  jsSwap.css 					*/
/* created:  11/10/09 - jpollock		*/
/* Used with item_detail.html 		*/
/* for color swatch swaps def.		*/			

.swapOver{margin:5px; padding:2px; border:1px; border-color: #000; border-style: solid; width: 100px; height: 100px;}
/*
obj.style.margin = '5px';
	obj.style.padding = '2px';
	obj.style.border 		 = '1px';
	obj.style.borderColor = '#000000';	
	obj.style.borderStyle = 'solid';
	obj.style.width 		 = '100px';
	obj.style.height 		 = '100px';

*/

.swapUnder{margin:0px; padding:0px; border:1px; border-color: #000; border-style: solid; width: 20px; height: 20px;}
/*
obj.style.padding = '0px';
	obj.style.margin = '0px';
	obj.style.border 		 = '1px';
	obj.style.borderColor = '#000000';
	obj.style.borderStyle = 'solid';
	obj.style.width 		 = '20px';
	obj.style.height 		 ='20px';

*/ 
.toggleMe{float:right;position: relative; width: 400px; height: 400px; left: 0px; top: 0px;background-color:white; display:none;z-index:900;}

.toggleTxt{text-align:left;font-family:helvetica,sans-serif;font-size: 11px;color:#000;float:right;position: relative; left: 0px; top: 0px;background-color:white; display:none;z-index:900;}

.swapLine{height:0.4px; color:#ccc;}
.smHover{font-family:helvetica,sans-serif;font-size: 11px; color:#660000;}