/* 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:625px;

	height:518px;

	overflow:hidden;

	background:url(http://www.skinit.com/images/backgrounds/lightboxCont.gif) no-repeat top left;

	text-align: center;

}

#productLightbox img {

    display: inline;

}

#customergaleryLightbox {

	width:625px;

	height:550px;

	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 #productImg img {

	display:block;

}



#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 #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 #selectDifDevice {

	width:196px;

	height:27px;

	background-image:url(http://www.skinit.com/images/buttons/btn_selectdifferentdevice.gif);

	margin-right:20px;

	float:left;

}

#licensingLightbox #selectDifDesign {

	width:196px;

	height:27px;

	background-image:url(http://www.skinit.com/images/buttons/btn_selectdifferentdesign.gif);

	margin-right:20px;

	float:left;

}
#licensingLightbox #closeDesigns {

	width:196px;

	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:290px;

	position:absolute;

	background:none;

	float:right;

	padding-right:16px;

	left:325px;

	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:11px Arial, sans-serif;

	text-align:left;

	margin-bottom:21px;

	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:11px Arial, sans-serif;

	padding-left:15px;

	background:url(http://www.skinit.com/images/buttons/lightbox_ul.gif) no-repeat 0 2px;

	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:11px Arial, sans-serif;

	color:#ee4724;

	padding:5px 0 0px 10px;

	height:auto;

	overflow:hidden;

	min-height:1%;

	width:270px;
	
	margin: 0;

}

#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 p.leftText {
	padding-top:110px;
	margin-bottom:10px;
}
#pincard .contRight p.shipingText {
	font-size:9px;
	padding-left:30px;
	padding-right:20px;
	padding-top:10px;
	width:auto;
}

#pincard .contRight .pcBut a {

	width:279px;

	height:29px;

	background-image:url(http://www.skinit.com/images/buttons/pinCardsButton.gif);

	text-indent:-9999px;

	display:block;

}

#pincard .contRight .ecBut a {

	width:279px;

	height:29px;

	background-image:url(http://www.skinit.com/images/buttons/eCardsButton.gif);

	text-indent:-9999px;

	display:block;

}

/* pincard accepted */

#LBContainer .accepted {

	width:668px;

	min-height:374px;

	height:374px;

	overflow:hidden;

	padding-bottom:none;

	background: transparent;

}

#pincard.accepted .contLeft {

	width:616px;

	min-height:374px;

	height:374px;

	padding:40px 16px 0 36px;

	background:url(http://www.skinit.com/images/backgrounds/pincard_initial2.gif) no-repeat top left;

}

#LBContainer .accepted div.codeCont {

	margin-top:56px;

	padding:12px 0 0 180px;

	width:175px;

	height:164px;

	background:url(http://www.skinit.com/images/backgrounds/purchase_thumb.gif) no-repeat top left;

	margin:0 auto;

	margin-top:45px;

	margin-bottom:4px;

	clear:left;

}

#pincard.accepted p {

	color:#6f6f6f;

	font:18px Arial, sans-serif;

	margin:0;

	font-weigth: bold;

	width:162px;

}

#pincard.accepted .code {

	font:bold 21px Arial, sans-serif;
	color: #ee5024;
	

}

#pincard.accepted a {

	width:196px;

	height:32px;

	background-image:url(http://www.skinit.com/images/buttons/btn_continueredem.gif);

	display:block;

	text-indent:-9999px;

	margin:0 auto;

}



/* pincard error */
#LBContainer .error {

	width:668px;

	min-height:374px;

	height:374px;

	overflow:hidden;

	padding-bottom:none;

	background: transparent;

}
#pincard.error .contLeft {

	width:668px;

	background:url(http://www.skinit.com/images/backgrounds/pincard_initial2.gif) no-repeat top left;
	text-align:left;
}



#LBContainer .error {

	background: transparent;

}

#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 #errormes {

	/*position:absolute;

	top:-8px;

	left:0;*/

	font:bold italic 12px/14px Arial, sans-serif;
	margin:0; 
	padding:0;
	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:280px;

	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);

}





#removeaddressLightbox

{

	width:569px;

	height:177px;

	/*padding:78px 60px 0 60px;*/

	overflow:hidden;

	background:url(http://www.skinit.com/images/backgrounds/lightboxCont_removeaddress.gif) no-repeat top left;

	text-align:center;

}

#removeaddressLightboxtext

{

	padding:40px 60px 0 60px;

}

#removeaddressLightboxtext .removeaddress 

{

	display:block;

	width:204px;

	height:21px;

	overflow:hidden;

	background-image:url(http://www.skinit.com/images/buttons/removeaddress.gif);

	font-weight:bold;

	color:#fff;

	float:left;

	margin-left:20px;

}

#removeaddressLightboxtext .cancel 

{

	display:block;

	width:95px;

	height:21px;

	overflow:hidden;

	background-image:url(http://www.skinit.com/images/buttons/removeaddresscancel.gif);

	font-weight:bold;

	color:#fff;

	float:left;

	margin-left:40px;

	margin-right:60px;

}



/* Sports pack */

#sports_pack_lightbox {

	width:471px;

	height:273px;

	padding:60px 30px 0 30px;

	overflow:hidden;

	background:url(http://www.skinit.com/images/backgrounds/lightboxCont_licensing.gif) no-repeat top left;

	text-align:left;

	font:12px/20px Arial, sans-serif;

	color:#373737;

}



#sports_pack_lightbox h3 {

	font:bold 20px/24px Arial, sans-serif;

	color:#000;

	padding-bottom:6px;

}