/* GIVe kiosk
-------------------------------------------------------------- */

html {
	/*overflow: auto;*/
}

#kioskWrapper {
	width:1280px;
	margin:0 auto;
	padding:0;
	background:#000;
	height:720px;
	font-size: 0; /* IE6 Small Height Bug Fix */
}

#kioskWebWrapper {
	width:960px;
	margin:25px auto;
	padding:0;
	background:#000;
	height:540px;
	font-size: 0; /* IE6 Small Height Bug Fix */
}

ul#kioskSelection {
	margin:0;
	padding:0;
	list-style:none;
	height:540px;
	width:960px;
}

ul#kioskSelection li {
	margin:0;
	padding:0;
	height:540px;
	width:320px;
	float:left;
}

/*p {
color: #ff0000;     works in all
*color: #00ff00;     targets IE6 and IE7
_color: #0000ff;     targets IE6, not read by IE7
}
*/
.selection-one a {
display:block;
height:260px;
left:680px;
position:absolute;
text-indent:-9999px;
top:75px;
width:175px;

border:green solid 1px;


}

.selection-two a {
display:block;
height:260px;
left:680px;
position:absolute;
text-indent:-9999px;
top:75px;
width:175px;

border:red solid 1px;

}

.selection-three a {
display:block;
height:260px;
left:680px;
position:absolute;
text-indent:-9999px;
top:75px;
width:175px;

border:blue solid 1px;

}

.giveBackLink {
margin-left:-160px;
position:absolute;
top:200px;
}
.giveFrontLink {
margin-left:1040px;
position:absolute;
top:200px;
}
#kioskWebWrapper .endGiveSession {
margin-left:825px;
position:absolute;
top:3.5px;
width:150px;
font-size: 12px;
}
#kioskWebWrapper .endGiveSession a {
text-decoration:none;
}
#kioskWebWrapper .endGiveSession a:hover {
text-decoration:underline;
}





.giveWebsiteBackLink {
margin-left:-135px;
position:absolute;
top:300px;
display:none;
}
.giveWebsiteFrontLink {
margin-left:970px;
position:absolute;
top:300px;
display:none;
}
.endWebsiteGiveSession {
margin-left:825px;
position:absolute;
top:3.5px;
width:150px;
font-size: 12px;
display:none;
}
.endWebsiteGiveSession a {
text-decoration:none;
}
.endWebsiteGiveSession a:hover {
text-decoration:underline;
}

/* product page kiosk tabs
-------------------------------------------------------------- */

.kiosk-extra-product-info {
	width:255px;
	float:left;
	margin:10px 0 10px 0;
}
.kiosk-extra-product-info ul{
	margin:0;
	padding:0;
}
.kiosk-extra-product-info li { list-style:none; float:left; width:85px;text-align:center;}
.kiosk-extra-product-info ul a {
  display:block;
  padding:5px 10px;
  text-decoration:none!important;
  /*margin:1px;
  margin-left:0;*/
  margin:0;
  font-size:1.2em;
  color:#FFF;
  background:#000;
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000; 
}

.kiosk-extra-product-info ul a:hover {
  color:#FFF;
  background:#000;
}

.kiosk-extra-product-info ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#D1D2D4;
  /*border-bottom:1px solid snow;*/
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:none;
  cursor:default;
}
  
.kiosk-extra-product-info div {
  padding:3px 10px 5px 10px;
  /*padding-top:3px;*/
  margin-top:-15px;
  clear:left;
  /*background:snow;*/
  font:0.8em Arial;
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
}
.kiosk-extra-product-info div a { color:#000; font-weight:bold; }

#kiosk-usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#kiosk-usual2 a { background:#222; }
#kiosk-usual2 a:hover { background:#000; }
#kiosk-usual2 a.selected { background:snow; }
#kiosk-tabs3 { background:#FF9; }

/* go online / instore mode buttons */

.kioskWebSwitch {
	float:left;
	margin:-145px 0 0 115px;
	padding:0;
	width:123px;
	display:inline;
	height:103px;
}

.kioskWebSwitchRU {
	float:left;
	margin:-109px 0 0 115px;
	padding:0;
	width:123px;
	display:inline;
	height:103px;
}

.purchaseWarning {
	font-size:0.9em;
	font-weight:bold;
	clear:both;
	float:left;
	margin:0;
	color:red;
	width:255px;
}

.viewTailorMadekioskWeb {
float:right;
margin:-108px 10px 0 0;
padding:0;
width:100px;
display:inline;
}