/* Begin: TragicMedia Light Box Javascript Styles
/* created 5/08 by Rich Rudzinski
/*----------------------------------------------------*/

#overlay {
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	opacity:.6;
	filter:alpha(Opacity=60);
	z-index:1000;
}
#loading {
	width:146px;
	height:57px;
	position:absolute;
	z-index:1500;
}
#LBContainer {
	position:absolute;
	margin:0 auto;
	z-index:2000;
	height:auto !important;
	text-align:center;
}
#arrowLeft, #arrowRight, #closeBtn {
	position:absolute;
	display:block;
	text-indent:-9999px;
	z-index:3000;
}
#closeBtn {
	width:18px;
	height:18px;
	overflow:hidden;
	background:url(http://www.skinit.com/images/buttons/closeBtn.png) no-repeat 0 0;
	top:10px;
	right:10px;
}
#closeBtn:hover {
	background-position: 0 -18px;
}
.lightbox .comment {
	display:none;
}
#overlay #LBContainer #comment {
	position:absolute;
	margin:0;
	padding:0;
	height:auto;
	overflow:hidden;
	background-color:#cecece;
	text-align:center;
	line-height:16px;
	font-size:14px;
	bottom:0;
}
#productLightbox {
	width:591px;
	height:525px;
	overflow:hidden;
	background:url(http://www.skinit.com/images/backgrounds/lightboxCont.gif) no-repeat top left;
}
#lightboxHead {
	height:36px;
	width:592px;
	font:bold 20px/36px Arial, sans-serif;
	color:#000;
	text-indent:22px;
	text-align:left;
}
#productLightbox p {
	color:#000;
	font:bold italic 20px/17px Arial, sans-serif;
	text-align:left;
	float:left;
}
#productLightbox p span {
	display:block;
	margin-top:7px;
	clear:left;
}
#productLightbox #productDescription {
	width:554px;
	height:auto;
	overflow:hidden;
	clear:left;
	padding:10px 19px 0 19px;
}
#productLightbox a {
	float:right;
}
/* explore design LB */
#designLightbox {
	width:791px;
	height:449px;
	overflow:hidden;
	background:url(http://www.skinit.com/images/backgrounds/lightboxCont_explore.gif) no-repeat top left;
}
#designLightbox #productImg {
	float:left;
	padding-top:22px;
	width:400px;
	height:auto;
	background:url(http://www.skinit.com/images/backgrounds/lightboxArrow.jpg) no-repeat 28px 200px;
}
#designLightbox #designImg {
	float:left;
	padding-top:22px;
	width:400px;
	height:auto;
	background:url(http://www.skinit.com/images/backgrounds/lightboxCont_explore.gif) no-repeat top left;
}
#designLightbox #productImg img {
	display:block;
}
#designLightbox #designImg img {
	display:block;
}
#designLightbox .product {
	margin-left:70px;
}
#designLightbox .device {
	margin:20px 0 0 125px;
}
#designLightbox .design {
	margin:20px 0 0 70px;
}
#designLightbox #productCont {
	float:left;
	width:390px;
	height:auto;
	padding-top:96px;
	text-align:left;
}
#LBContainer #designLightbox #productCont h3 {
	font:bold 24px Arial, sans-serif;
	color:#000;
	text-transform:uppercase;
	display:block;
	height:auto;
	overflow:hidden;
}
#LBContainer #designLightbox #productCont p {
	width:350px;
	height:auto;
	overflow:hidden;
	font:12px/16px Arial, sans-serif;
	color:#383838;
	margin:12px 0 16px 0;
	padding:0;
}
#LBContainer #designLightbox #productCont a {
	font:bold 12px/16px Arial, sans-serif;
	color:#373737;
}

/* Licensing Lightbox */
#licensingLightbox {
	width:471px;
	height:273px;
	padding:78px 60px 0 60px;
	overflow:hidden;
	background:url(http://www.skinit.com/images/backgrounds/lightboxCont_licensing.gif) no-repeat top left;
	text-align:left;
}
#licensingLightbox h3 {
	font:bold 20px/24px Arial, sans-serif;
	color:#000;
	padding-bottom:6px;
}
#licensingLightbox p {
	font:12px/20px Arial, sans-serif;
	color:#373737;
	margin-bottom:18px;
}
#licensingLightbox #showDesigns {
	width:249px;
	height:27px;
	background-image:url(http://www.skinit.com/images/buttons/showDesigns.gif);
	margin-right:20px;
	float:left;
}
#licensingLightbox #closeDesigns {
	width:76px;
	height:27px;
	background-image:url(http://www.skinit.com/images/buttons/closeDesigns.gif);
	float:left;
}

/* Pin Card */
#pincard {
	width:668px;
	height:auto !important;
	min-height:374px;
	height:374px;
	position:relative;
	/*padding-bottom:15px;*/
	margin:0;
	z-index:2500;
	display:block;
}
#pincard a {
	text-decoration:none;
	color:#ed4024;
	font-weight:bold;
	overflow:hidden;
}
#pincard a:hover {
	text-decoration:underline;
}
#pincard .contLeft, #pincard .contRight {
	width:289px;
	min-height:374px;
	height:374px;
	overflow:hidden;
	padding:40px 343px 0 36px;
	float:left;
	position:relative;
	background:url(http://www.skinit.com/images/backgrounds/pincard_initial.gif) no-repeat top left;
}
#pincard .contLeft h3, #pincard .contRight h3, #pincard .contLeft h4 {
	width:265px;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
	color:#373737;
	font:bold 20px/24px Arial, sans-serif;
	text-align:left;
	text-transform:uppercase;
}
#pincard input {
	border:1px solid #6c8dac;
	width:184px;
	height:15px;
	padding:2px 0 0 8px;
	color:#9f9e9e;
	font:11px Arial, sans-serif;
	float:left;
	margin:1px 13px 0 0;
}
#pincard .contLeft form a {
	width:72px;
	height:19px;
	background-image:url(http://www.skinit.com/images/buttons/redeem.gif);
	float:left;
}
#pincard .contLeft h4 {
	width:120px;
	clear:left;
	font:bold 14px/24px Arial, sans-serif;
	margin-bottom:0;
}
#pincard .contLeft p {
	width:274px;
	display:block;
}
#pincard .contRight {
	width:275px;
	position:absolute;
	background:none;
	float:right;
	padding-right:16px;
	left:341px;
	top:0;
	z-index:5;
}
#pincard .contRight h3 {
	width:242px;
}
#pincard #redeem {
	padding:16px 0 4px 0;
	width:280px;
	height:30px;
	position:relative;
}
#pincard p {
	color:#373737;
	font:12px Arial, sans-serif;
	text-align:left;
	margin-bottom:16px;
	display:block;
}
#pincard .contLeft #faq {
	margin:0 0 25px 0;
	display:block;
	width:280px;
	height:auto;
	overflow:hidden;
	min-height:1%;
}
#pincard #faq a {
	text-align:left;
	color:#373737;
	font:12px Arial, sans-serif;
	padding-left:10px;
	background:url(http://www.skinit.com/images/buttons/bullet_hover.gif) no-repeat 0 4px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
}
#pincard #faq a:hover {
	text-decoration:underline;
}
#pincard #faq a.active {
	background:url(http://www.skinit.com/images/buttons/bullet_hoverActive.gif) no-repeat center left;
}
#pincard .tabCont {
	overflow:hidden;
	height:auto;
	display:block;
	width:280px;
}
#pincard .tabCont p {
	overflow:hidden;
	font:12px Arial, sans-serif;
	color:#ee4724;
	padding:5px 0 0px 10px;
	height:auto;
	overflow:hidden;
	min-height:1%;
	width:270px;
}
#pincard .contRight p .thumb {
	width:92px;
	height:90px;
	background:url(http://www.skinit.com/images/backgrounds/purchase_thumb.png) no-repeat top right;
	float:right;
	margin:5px;
}
#pincard .thumb {
	width:92px;
	height:90px;
	background:url(http://www.skinit.com/images/backgrounds/purchase_thumb.png) no-repeat top right;
	float:right;
	margin:5px;
}
#pincard .contRight a {
	width:187px;
	height:27px;
	background-image:url(http://www.skinit.com/images/buttons/purchasePin.gif);
	text-indent:-9999px;
	display:block;
}
#pincard .contRight a.pcBut {
	width:251px;
	height:36px;
	background-image:url(http://www.skinit.com/images/buttons/pinCardsButton.gif);
	text-indent:-9999px;
	display:block;
}
#pincard .contRight a.ecBut {
	width:251px;
	height:36px;
	background-image:url(http://www.skinit.com/images/buttons/eCardsButton.gif);
	text-indent:-9999px;
	display:block;
}
/* pincard accepted */
#LBContainer .accepted {
	width:668px;
	min-height:401px;
	height:401px;
	overflow:hidden;
	padding-bottom:none;
	background-image:url(http://www.skinit.com/images/backgrounds/pincard_expanded_btm.gif);
}
#pincard.accepted .contLeft {
	width:616px;
	min-height:360px;
	height:360px;
	padding:40px 16px 0 36px;
	background:url(http://www.skinit.com/images/backgrounds/pincard_expanded.gif) no-repeat top left;
}
#LBContainer .accepted div.codeCont {
	margin-top:56px;
	padding:12px 0 0 98px;
	width:155px;
	height:93px;
	background:url(http://www.skinit.com/images/backgrounds/purchase_thumb.png) no-repeat top left;
	margin:0 auto;
	margin-top:75px;
	margin-bottom:4px;
	clear:left;
}
#pincard.accepted p {
	color:#373737;
	font:16px Arial, sans-serif;
	margin:0;
	width:152px;
}
#pincard.accepted .code {
	font:bold 14px/24px Arial, sans-serif;
}
#pincard.accepted a {
	width:191px;
	height:27px;
	background-image:url(http://www.skinit.com/images/buttons/redemption.gif);
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}

/* pincard error */
#pincard.error .contLeft {
	width:310px;
	padding-right:322px;
	background:url(http://www.skinit.com/images/backgrounds/pincard_expanded.gif) no-repeat top left;
}
#LBContainer .error {
	background-image:url(http://www.skinit.com/images/backgrounds/pincard_expanded_btm.gif);
}
#pincard.error #errorImg {
	width:286px;
	height:271px;
	position:absolute;
	right:30px;
	top:74px;
	background:url(http://www.skinit.com/images/backgrounds/pincard_error.png) no-repeat top left;
}
#pincard #error {
	position:absolute;
	top:-8px;
	left:0;
	font:bold italic 12px Arial, sans-serif;
	color:#ed4024;
}

/* Begin: IE Hacks
/*---------------------*/
*+ html #pincard .contLeft h3 {
	float:left;
}
*+ html #pincard .contLeft h4 {
	float:left;
}
*+ html #pincard .contLeft ul {
	clear:left;
	margin-bottom:20px;
}
*+ html #pincard .contLeft #redeem {
	padding:10px 0 14px 0;
}
*+ html #pincard .back:hover {
	background-position:0 -9px;
}
/* IE 6 */
* html #pincard .contRight {
	width:270px;
	float:right;
}
* html #pincard .contLeft h3 {
	float:left;
}
* html #pincard .contLeft h4 {
	float:left;
}
* html #pincard .contLeft ul {
	clear:left;
	margin-bottom:20px;
}
* html #pincard .contLeft #redeem {
	padding:10px 0 14px 0;
}
/* png hacks */
* html #closeBtn {
	background-image:url(http://www.skinit.com/images/buttons/closeBtn.gif);
}
* html #LBContainer .accepted div.codeCont {
	background-image:url(http://www.skinit.com/images/backgrounds/purchase_thumb.gif);
}
* html #pincard .contRight p .thumb {
	background-image:url(http://www.skinit.com/images/backgrounds/purchase_thumb.gif);
}
* html #pincard.error #errorImg {
	background-image:url(http://www.skinit.com/images/backgrounds/pincard_error.gif);
}