/* DEFAULT CSS for SPRITEART.com */
/* Copyright 2008 - steve seator*/

	body{
		OVERFLOW: hidden;
		CURSOR: url("../art/UI/pointer_default.gif"), default;
		BACKGROUND-COLOR: white;
	}
	
	div{
		POSITION: absolute;
		FONT-SIZE: 9pt; 
		FONT-FAMILY: 'verdana', serif;
		TEXT-ALIGN: justify;
		OVERFLOW: visible;
		CURSOR: url("../art/UI/pointer_default.gif"), default;
		COLOR: #888;
	}
		div#preload{
			DISPLAY: none;
		}
		
	
	span{
		COLOR: gray;
		FONT-SIZE: 8pt; 
		FONT-FAMILY: 'tahoma', sans-serif; 
		CURSOR: url("../art/UI/pointer_default.gif"), default;
	}
	
	img{
		POSITION: absolute;
		BORDER-WIDTH: 0px;
		CURSOR: url("../art/UI/pointer_default.gif"), default;
	}

	a{
		TEXT-DECORATION: none;
		COLOR: #AAA;
		FONT-SIZE: 8pt;
		FONT-FAMILY: 'arial', sans-serif;
		FONT-WEIGHT: bold;
		CURSOR: url("../art/UI/pointer_default.gif"), default;
	}

		a:hover{
			TEXT-DECORATION: underline;
			COLOR: orange;
			CURSOR: pointer;
		}	
	
	input{
		BORDER-WIDTH: 3px;
		BACKGROUND-COLOR: white;
				BORDER-STYLE: solid;
		CURSOR: url("../art/UI/pointer_default.gif"), default;
	}
			
	textarea{
		POSITION: absolute;
		BORDER-WIDTH: 3px;
		BACKGROUND-COLOR: white;
		BORDER-STYLE: solid;
		CURSOR: url("../art/UI/pointer_default.gif"), default;
	}
			
	iframe{
		POSITION: absolute;
		CURSOR: url("../art/UI/pointer_default.gif"), default;
	}
	button{
		POSITION: absolute;
		CURSOR: pointer;
	}
	
	
			/*DIV Classes*/
			div.sprite_frame{
				WIDTH: 500px;
				HEIGHT: 400px;
				LEFT: 50%; 
				TOP: 50%;
				MARGIN-LEFT: -250px; 
				MARGIN-TOP: -100px;
				Z-INDEX: 2;
			
			}
			div.thumbs_frame{
				WIDTH: 422px;
				HEIGHT: 110px;
				LEFT: 50%;
				TOP: 50%;
				Z-INDEX: 3;
				OVERFLOW: hidden;
			}
			div.thumbs_slider{
				HEIGHT: 110px;
				BACKGROUND-COLOR: white;
				WHITE-SPACE : nowrap;
			}
			div.thumb_title{
				WIDTH: 422px;
				HEIGHT: 20px;
				LEFT: 50%;
				TOP: 50%;
				Z-INDEX: 3;
				OVERFLOW: hidden;
				MARGIN: -30px 0px 0px -211px;
				TEXT-ALIGN: center;
				FONT-WEIGHT: bold;
				TEXT-TRANSFORM: capitalize;
			}
			div.pic_frame{
				WIDTH: 100%;
				HEIGHT: 100%;
				Z-INDEX: 3;
				BACKGROUND-COLOR: white;
			}
					div.gallery_img_frame{
							LEFT: 50%;
							TOP: 50%;
							BORDER-WIDTH: 3px; 
							BORDER-STYLE: solid;
							BORDER-COLOR: #ddd; 
							CURSOR: pointer;
					}
					
					div.form_frame{
							WIDTH: 350px;
							HEIGHT: 200px;
							BACKGROUND-COLOR: white;
							LEFT: 50%;
							TOP: 50%;
							
					}
			div.palette_frame{
					Z-INDEX: 8;
					/*BORDER-WIDTH: 3px; 
					BORDER-STYLE: solid;
					BORDER-COLOR: #ddd; */
			}
			div.palette_sample{
				TEXT-ALIGN: center; 
				HEIGHT: 14px;
				COLOR: white; 
				FONT-SIZE: 8pt;
			}
			span.palette_swatch{
					POSITION: relative;
					FLOAT: left;
					Z-INDEX: 8;
					MARGIN: 3px 0px 0px 3px;
					CURSOR: pointer;
			}
			div.banner_img{
				WIDTH: 88px; 
				HEIGHT: 31px;
				CURSOR: pointer;
			}
			div.banner_tag{
				WIDTH: 96px;
				HEIGHT: 14px; 
				TOP: 11px;
				FONT-WEIGHT: bold;
				FONT-SIZE: 10px;
				TEXT-ALIGN: center;
				VERTICAL-ALIGN: bottom;
				COLOR: #aaa; 
				OPACITY: .80;
				FILTER: alpha(opacity=80);
			}		
					
			/*IMG Classes*/
			img.karen{
				LEFT: 50%; 
				TOP: 50%;
				CURSOR: pointer;
				Z-INDEX: 3;
			}
				img.karen_shadow{
					LEFT: 50%;
					TOP: 50%;
					Z-INDEX: 3;
				}
				img.shadow{
					LEFT: 50%;
					TOP: 50%;
					CURSOR: pointer;
				}
			img.thumbnail{
				POSITION: relative;
				MARGIN-RIGHT: 5px;
				MARGIN-TOP: 2px;
				CURSOR: pointer;
				BORDER-WIDTH: 3px; 
				BORDER-STYLE: solid;
				BORDER-COLOR: #fff;
				WIDTH: 50px;
				HEIGHT: 100px;
			}
					img.thumbnail:hover {
						BORDER-COLOR: #777;
					}
					img.thumbs_border_left{
						LEFT: -80px;
						TOP: -60px;
						BACKGROUND-IMAGE: URL('../art/UI/border_gradient.png');
						CURSOR: w-resize;
					}
					
					img.thumbs_border_right{
						RIGHT: -75px;
						TOP: -60px;
						BACKGROUND-IMAGE: URL('../art/UI/border_gradient.png');
						CURSOR: e-resize;
					}
			img.gallery_img{
				TOP: 50%; 
				LEFT: 50%;
				CURSOR: pointer;
				POSITION: absolute;
				Z-INDEX: 10;
			}