/* Global Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.hidden { display:none; }
.showing { display:block; }
.error { margin:25px auto; text-align:center; font-size:1.2em; color:#f00; font-weight:bold; }
#crop {border: 1px #ccc solid}
#cropWrap { border: 3px #fff solid }

#wait { padding:15px 0 0 0; text-align:center; }

/*Structural Elements*/

body {background:#E4E6F7; color:#000; font:62.5% Arial, Verdana, sans-serif;}

#siteheader {position:relative; top:-135px; padding:20px;background-image:url(../images/header900.gif); background-repeat:no-repeat; height:135px; width:900px; z-index:10; margin-left:auto;margin-right:auto;}

#siteheader img {position:absolute; top:0; left:-128px;}

#centered {
	width:100%; height:100%;
	margin-left:auto; margin-right:auto;
	margin-top:-175px;
	}

#mainimage {
	position:relative;
	margin-left:10%;
	width:336px; height:496px;
	}

#workspace {
	width:305px; height:454px;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:center;
	}

#workspace-landscape {
	width:454px; height:305px;
	margin-left:-100px;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:center;
	}
	
#textarea {
	position:relative;
	margin-left:60%;
	margin-top:-496px;
	}

#textarea p {
	margin-left:10px;
	width:370px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:700;
	line-height:1.4em;
	}
.caption {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:700;
	line-height:1.4em;
}
	
.info {
	position:relative;
	margin-left:20%;
	}
	
.info h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:700;
	}
	
.info p {
	width:370px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:700;
	line-height:1.4em;
	}

#footer {
	margin-left:auto; margin-right:auto;
	width: 320px;
	text-align:center;
	}

/*Header and navigation*/

#siteheaderextend {position:inherit;top:0;width:100%;height:135px;z-index:5 }
#siteheaderextend img {width: 100%; height:135px; z-index:5}

#logolink {
	display:block;
	position:relative;
	left:-350px; top:-10px;
	height:80px; width:240px;
	margin-left:auto; margin-right:auto;
	z-index:100;
}

#navigation {
	position:relative;
	top:-300px;
	margin-left:50%;
	z-index:15;
	}
	
	#navigation ul {
		list-style-type:none;
		}
	
	#navigation ul li {
		display:inline;
		padding-right:100px;
		}
		
	#navigation a {	color:#faff00 }
	#navigation a:hover { color:#ff8300 }
	
.howitworks {
      margin:0; padding:0;
      position:relative;
      width:123px; height:24px;
      overflow:hidden;
	  z-index:10;	  
      }
	  
.howitworks span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:120px; height:21px;
      margin:0; padding:0;
      background:url("../images/nav1-howitworks.gif") top left no-repeat;
      }
	  
	.howitworks span:hover {
      	background:url("../images/nav1-howitworks.gif") top right no-repeat;
      	}
	  
.buynow {
      margin:0; padding:0;
      position:relative;
      width:87px; height:27px;
      overflow:hidden;
	  z-index:10;	  
      }
	  
.buynow span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:84px; height:25px;
      margin:0; padding:0;
      background:url("../images/nav2-buynow.gif") top left no-repeat;
      }
	  
	.buynow span:hover {
      	background:url("../images/nav2-buynow.gif") top right no-repeat;
      	}
	  
.faq {
      margin:0; padding:0;
      position:relative;
      width:47px; height:25px;
      overflow:hidden;
	  z-index:10;	  
      }
	  
.faq span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:44px; height:22px;
      margin:0; padding:0;
      background:url("../images/nav3-faq.gif") top left no-repeat;
      }
	  
	.faq span:hover {
     	 background:url("../images/nav3-faq.gif") top right no-repeat;
      	}

/*Content Area*/

h1 {font-size:1.5em}
	
#h1index01 {
      margin:0; padding:0;
      position:relative;
      width:381px; height:43px;
      overflow:hidden;
	  z-index:10;	  
      }
#h1index01 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:381px; height:43px;
      margin:0; padding:0;
      background:url("../images/h1-index-01.gif") top left no-repeat;
      }
#h1index01b {
	position:absolute;
	top:12px; left:0px;
	width:100%; height:19px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2index01 {
      margin:0; padding:0;
      position:relative;
      width:165px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2index01 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:165px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-index-01.gif") top left no-repeat;
      }
#h2index01b {
	position:relative;
	top:-23px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2tips {
      margin:0; padding:0;
      position:relative;
      width:48px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2tips span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:48px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-tips.gif") top left no-repeat;
      }
#h2tipsb {
	position:relative;
	top:-22px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}	
	
#h1index02 {
      margin:0; padding:0;
      position:relative;
      width:263px; height:70px;
      overflow:hidden;
	  z-index:10;	  
      }
#h1index02 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:263px; height:70px;
      margin:0; padding:0;
      background:url("../images/h1-index-02.gif") top left no-repeat;
      }
#h1index02b {
	position:relative;
	top:-55px; left:0px;
	width:100%; height:37px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h1upload {
      margin:100px auto 0 auto; padding:0;
      position:relative;
      width:260px; height:38px;
      overflow:hidden;
	  z-index:10;	  
      }
#h1upload span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:260px; height:38px;
      margin:0 auto 0 auto; padding:0;
      background:url("../images/h1-uploadyourphoto.gif") top left no-repeat;
      }
#h1uploadb {
	position:relative;
	top:-29px; left:0px;
	width:100%; height:19px;
	background-color:#6f94ff;
	z-index:5;
	}
		  
#uploadbutton {
      display:block;
      width:127px; height:29px;
      background:url("../images/uploadbutton-a.gif") top left no-repeat;
      margin-left:auto; margin-right:auto;
	}
	
#uploadbutton:hover {
      background:url("../images/uploadbutton-b.gif") top left no-repeat;
      }
	  
dl {
	margin-left:10px;
	width:370px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:700;
	line-height:1.4em;
	text-decoration:none;
	color:#000;
	}
	
/*dt format for browers that don't run the script*/
dt {color:#ff8300;line-height:2em}
	
dl span {
	font-size:1em;
	font-weight:100;
	color:#ff8300;
	text-decoration:underline;
	}
	
dl span:hover {
	background-color:#faff00;
	}
	
/*Copy within upload form*/
form {
	font-weight:700;
	font-size:1.1em;
	}

	
/*****HANDS SELECTION PAGE STYLES START*****/	
	
#workspace {
	padding:5px 0 0 0;
}
	
#handsframe {
	width:305px; height:454px;
	position:absolute;top:0px;left:0px;		
	text-align:center;
	background-position:50% 40%;
	z-index:50;
}
	

#workspace-landscape {
	margin-left:10px !important;
	margin-left:-100px;
	padding: 5px 0 0 0 !important;
	padding: 5px 0 0 100px;
}
	
#handsframe-landscape {
	width:454px; height:305px;
	position:absolute;top:0px;left:0px;
	text-align:center;
	background-position:50% 30%;
	z-index:100;
	}

.clockHands {
	background-image:url("../images/hands-spade-black.gif");
	background-repeat:no-repeat;
	}
		
#h1hands {
      margin:0; padding:0;
      position:relative;
      width:212px; height:36px;
      overflow:hidden;
	  z-index:10;	  
      }
#h1hands span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:212px; height:36px;
      margin:0; padding:0;
      background:url("../images/h1-selecthands.gif") top left no-repeat;
      }
#h1handsb {
	position:relative;
	top:-24px; left:0px;
	width:100%; height:19px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2spade {
      margin:0; padding:0;
      position:relative;
      width:92px; height:128px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2spade span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:92px; height:128px;
      margin:0; padding:0;
      background:url("../images/h2-hands-spade.gif") top left no-repeat;
      }
#h2spadeb {
	position:relative;
	top:-118px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}	
#h2spadec {
	position:relative;
	top:-24px; left:0px;
	width:100%; height:13px;
    background:url("../images/h2-hands-imgxtng.gif") top left repeat-x;
	z-index:5;
	}
	
#h2sword {
      margin-top:100px; padding:0;
      position:relative;
      width:92px; height:128px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2sword span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:92px; height:128px;
      margin:0; padding:0;
      background:url("../images/h2-hands-sword.gif") top left no-repeat;
      }
#h2swordb {
	position:relative;
	top:-118px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}	
#h2swordc {
	position:relative;
	top:-24px; left:0px;
	width:100%; height:13px;
    background:url("../images/h2-hands-imgxtng.gif") top left repeat-x;
	z-index:5;
	}
	
#spadecolors, #swordcolors {margin-top:-110px;margin-left:125px;}

.black {height:25px;width:25px;background-color:#000}
.brass {height:25px;width:25px;background-color:#d8b21a;margin-top:-25px;margin-left:40px;}
.red {height:25px;width:25px;background-color:#d81a1a;margin-top:-25px;margin-left:80px;}
.blue {height:25px;width:25px;background-color:#231ad8;margin-top:-25px;margin-left:120px;}
.green {height:25px;width:25px;background-color:#21a313;margin-top:-25px;margin-left:160px;}

.colornames ul {list-style-type:none;}
	
.colornames li {
		display:inline;
		padding-right:10px;
		font-size:1em;
		font-weight:900;
		}

#spaderadio, #swordradio {margin-left:125px}

.radio {margin-right:20px;}

#submit {margin-top:50px;}

#crop_save #submit {margin-top:25px; margin-left:50px}
	
/*****HANDS SELECTION PAGE STYLES END*****/	

/*****FAQ PAGE STYLES START*****/	
	
#faqtextarea {
	position:relative;
	margin-left:50%;
	margin-top:-496px;
}

#faqtextarea dl {
	width:100%}

#faqtextarea dt, #faqtextarea dd {
	width:400px;
	}
	
	
#h2faqabout {
      margin:0; padding:0;
      position:relative;
      width:225px; height:29px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2faqabout span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:225px; height:29px;
      margin:0; padding:0;
      background:url("../images/h2-faq-about.gif") top left no-repeat;
      }
#h2faqaboutb {
	position:relative;
	top:-19px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2faqwarranty {
      margin:0; padding:0;
      position:relative;
      width:202px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2faqwarranty span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:202px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-faq-warranty.gif") top left no-repeat;
      }
#h2faqwarrantyb {
	position:relative;
	top:-22px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2faqupload {
      margin:0; padding:0;
      position:relative;
      width:247px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2faqupload span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:247px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-faq-upload.gif") top left no-repeat;
      }
#h2faquploadb {
	position:relative;
	top:-22px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2faqpay {
      margin:0; padding:0;
      position:relative;
      width:274px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2faqpay span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:274px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-faq-pay.gif") top left no-repeat;
      }
#h2faqpayb {
	position:relative;
	top:-22px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
/*****FAQ PAGE STYLES END*****/	



/*****HOWITWORKS PAGE STYLES START*****/	
#howitworksthumbs img {
	border: 2px dashed #ff8300;
	margin-bottom:5px;
	padding:2px;
	width:170px;
	height:127px; }
	
#howitworksthumbs2 {
	margin-top:-340px;
	margin-left:200px}
	
#h2step1 {
      margin:0; padding:0;
      position:relative;
      width:75px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2step1 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:74px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-step1.gif") top left no-repeat;
      }
#h2step1b {
	position:relative;
	top:-22px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2step2 {
      margin:0; padding:0;
      position:relative;
      width:75px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2step2 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:75px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-step2.gif") top left no-repeat;
      }
#h2step2b {
	position:relative;
	top:-22px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2step3 {
      margin:0; padding:0;
      position:relative;
      width:76px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2step3 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:76px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-step3.gif") top left no-repeat;
      }
#h2step3b {
	position:relative;
	top:-22px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}


/*****HOWITWORKS PAGE STYLES END*****/	


/*****LINKS PAGE STYLES START*****/	

dl.links {font-size:1.2em;padding-left:15px;margin-top:15px}

dl.links dt {background-color:#97b0fb;padding-left:3px;letter-spacing:.1em}

dl.links dt a {	color:#faff00;text-decoration:none }
dl.links dt a:hover { color:#ff8300 }

dl.links dd {margin-bottom:5px;padding-left:25px}

#h2linksclock {
      margin:0; padding:0;
      position:relative;
      width:121px; height:27px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2linksclock span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:121px; height:27px;
      margin:0; padding:0;
      background:url("../images/h2-links-clocks.gif") top left no-repeat;
      }
#h2linksclockb {
	position:relative;
	top:-18px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2linksphotogifts {
      margin:0; padding:0;
      position:relative;
      width:120px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2linksphotogifts span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:120px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-links-photo-gifts.gif") top left no-repeat;
      }
#h2linksphotogiftsb {
	position:relative;
	top:-23px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}
	
#h2linksothergifts {
      margin:0; padding:0;
      position:relative;
      width:120px; height:32px;
      overflow:hidden;
	  z-index:10;	  
      }
#h2linksothergifts span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:118px; height:32px;
      margin:0; padding:0;
      background:url("../images/h2-links-other-gifts.gif") top left no-repeat;
      }
#h2linksothergiftsb {
	position:relative;
	top:-23px; left:0px;
	width:100%; height:13px;
	background-color:#658bfc;
	z-index:5;
	}


/*****LINKS PAGE STYLES END*****/	


/* FORMS WHICH STORE EDITING DATA */
form.frmCrop legend, form.frmResize legend { display:none; }


/* RESIZE TRACK AND HANDLE */
#resizeTrack { width:200px; height:5px; background:transparent url(../images/bg_track.gif) left top no-repeat; margin:0 0 20px 0; }
#resizeHandle { cursor:move; width:5px; height:10px; background:transparent url(../images/bg_handle.gif) left top no-repeat; }