/* Jelly Egg Product Page */

#product{padding:11px 14px; width:537px}
#product h1{color:#011e6e; font-weight:bold; line-height:1.1}
#product #prodImg{position:relative; height:240px}
#product #prodImg .comingSoon {position:absolute; top:0; left:-24px}
#product #prodImg span.flagBanner {
	width:21px;
	display:block;
	left:-24px;
	position:absolute;
	top:0;
}
/*#product #prodImg span.flagBanner.getOneHalfPrice {
	height:290px;
	background:url(/common/img/deals-and-offers/flag-get-1-half-price.gif) no-repeat;
}
#product #prodImg span.flagBanner.bogof {
	height:290px;
	background:url(/common/img/deals-and-offers/flag-bogof.gif) no-repeat;
}*/

#product #prodImg #img{width:400px; float:left}
#product #prodImg #img #swatchTop{width:400px; padding-top:13px; background:url(/common/img/product/swatch_top.gif) 0 0 no-repeat}
#product #prodImg #img .swatchTop{clear:left; width:400px; padding-top:13px; background:url(/common/img/product/swatch_top.gif) 0 0 no-repeat}
#product #prodImg #img #swatches{width:378px; padding:10px 11px 14px 11px; background:url(/common/img/product/swatch_bg.gif) left bottom no-repeat}
#product #prodImg #img #swatches:after{content:"."; display:block; height:1px; visibility:hidden; clear:both}
#product #prodImg #img #swatches ul{clear:left; width:240px;/*IE6 Fix*/ position:relative; /*height:20px;*/ margin:0; padding:0; float:left; display:inline;}
#product #prodImg #img #swatches ul li{display:block; position:relative; width:18px; height:18px; float:left; margin:0 3px 3px 0; padding:0}
#product #prodImg #img #swatches ul li a{position:absolute; z-index:2; display:block; width:18px; height:18px; background:url(/common/img/product/swatch_mask.gif) 0 0 
no-repeat}
#product #prodImg #img #swatches ul li a:hover{background-position:0 -18px}
#product #prodImg #img #swatches ul li img{position:absolute; top:0; left:0; display:block; height:18px}
#product #prodImg #img #swatches ul li img.img2{left:9px}
#product #prodImg #thumbs{width:120px; float:left}
#product #prodImg #thumbs p, #product .fatboy #prodImg .hint{margin-bottom:8px; font-size:70%; color:#4e5064; text-align:center}
#product #prodImg .hint{display:none}
#product #prodImg #thumbs .thumbs{width:86px; margin:-1px auto 0 auto; height:47px; padding:1px; background:url(/common/img/product/thumb_bg.gif) 0 0}
#product #prodImg #thumbs .thumbs a{display:block; width:84px; height:42px; padding-top:3px; border:1px solid #fff}
#product #prodImg #thumbs .thumbs a:hover{border:1px solid #fce100}
#product #prodImg #thumbs .sizeGuide{display:block; width:77px; height:30px; color:#fff; padding:23px 0 0 11px; margin:auto; font-size:60%; text-decoration:none; background:url(/common/img/product/sizeGuide_bg.gif) 0 0 no-repeat}
#product #prodImg #thumbs .sizeGuide:hover{background-position:0 -53px; color:#011e6e}
#product #prodDetails{position:relative; margin-bottom:25px;}
#product #prodDetails:after{content:"."; display:block; clear:left; height:1px; visibility:hidden}
#product #prodDetails #details{position:relative; width:263px; float:left; padding:0 0 0 11px}
#product #prodDetails #details h3{margin-top:29px; font-size:60%; color:#369a00}
#product #prodDetails #details ul{position:relative; font-size:70%; color:#4e5064; list-style:none; margin:13px 0 0 1px}
#product #prodDetails #details ul li{padding:0 0 0 12px; line-height:1.2; background:url(/common/img/product/liBlue.gif) 0 0 no-repeat}

#product #prodDetails #selection{width:251px; margin-top:30px; float:left; position:relative}
#product #prodDetails #selection .priceDetails{height:26px; color:#fff; line-height:1.6; background:url(/common/img/product/price_bg.gif) 0 0 no-repeat; text-align:center}
#product #prodDetails #selection span{font-size:60%}
#product #prodDetails #selection .priceDetails .wasPrice{padding-right:6px}
#product #prodDetails #selection .priceDetails .wasPrice strong{text-decoration:line-through}
#product #prodDetails #selection .priceDetails .savePrice{padding-right:16px; color:#ffe600}
#product #prodDetails #selection fieldset.loader{position:absolute; height:85px; left:3px; z-index:20}
#product #prodDetails #selection fieldset.loader img{display:block; margin:20px auto}
#product #prodDetails #selection fieldset.loader p{width:100px; text-align:center; margin:auto}
#product #prodDetails #selection fieldset p{position:relative; width:220px; left:12px; margin:0 5px; color:#698296; float:left; padding-bottom:6px;}
#product #prodDetails #selection fieldset{width:245px; margin:0 auto; padding:12px 0 0 0; font-size:60%; background:url(/common/img/product/priceDetails_bg.png) 0 0 repeat-y}
#product #prodDetails #selection fieldset label{display:block; float:left;clear:left; width:52px; padding:0 4px 0 5px;display:inline; line-height:2; color:#011e6e; font-weight:bold; text-align:right}
#product #prodDetails #selection fieldset select,#product #prodDetails #selection fieldset input {float:left; border:1px solid #7f9db9; font-size:10px; color:#011e6e}
#product #prodDetails #selection fieldset select{width:155px; margin:0 0 8px 0; padding:2px}
#product #prodDetails #selection fieldset input{display:block; width:25px; padding:2px}
#product #prodDetails #selection fieldset .instruction{ clear: both; background: #fff; z-index:15; height:30px; margin:0 5px; left:12px; width:220px; }
#product #prodDetails #selection fieldset .instruction strong{ color:#cb0000; float: left; text-align: right; width: 208px; padding: 5px 12px 0 0; }
#product #prodDetails #selection fieldset .instruction1{ clear: both; background: #fff; z-index:15; height:30px; margin:0 5px; left:12px; width:220px; }
#product #prodDetails #selection fieldset .instruction1 strong{ color:#cb0000; float: left; text-align: right; width: 208px; padding: 5px 12px 0 0; }
#product #prodDetails #selection .delivery{width:247px; height:65px; margin-left:2px; padding-top:10px; background:url(/common/img/product/deliveryDetails_bg.png) 0 0 no-repeat}
#product #prodDetails #selection .delivery span{color:#011e6e}
#product #prodDetails #selection .delivery span.label{display:block; clear:left; float:left; text-align:right; width:56px; padding:0 15px 0 17px; line-height:2}
#product #prodDetails #selection .delivery span.Stock{display:block; float:left; width:129px; line-height:1.7; font-size:70%}
#product #prodDetails #selection .delivery span.low{color:#e20000}
#product #prodDetails #selection .delivery span.out{color:#e20000}
#product #prodDetails #selection .delivery span.in{color:#4aab00}
#product #prodDetails #selection .delivery span.Stock a{color:#011e6e; text-decoration:none; font-size:90%}
#product #prodDetails #selection .delivery span.Stock a:hover{text-decoration:underline}


/*.promoAlertContainer{position:absolute; top:-14px; left:-20px; width:285px; height:192px; z-index:16}
.promoAlertBox{position:absolute; top:0; left:0; width:285px; height:152px; padding-top:40px; z-index:500}
.promoAlertBox.bogof{background:url(/common/img/product/promoAlertBox_bogof.gif) 0 0 no-repeat}
.promoAlertBox img{position:absolute; top:13px; left:12px}
.promoAlertBox p{color:#2b2e38; font-size:11px; line-height:14px; margin:0 15px 10px 26px} 
.promoAlertBox a.close{color:#2b2e38; font-size:11px; font-weight:bold; text-decoration:none; padding-left:10px; position:absolute; top:8px; right:10px; line-height:13px}
.promoAlertBox a.close small{color:#6b7f81; font-size:90%; padding-right:6px}
.promoAlertBox ul{position:relative}
.promoAlertBox ul li{float:left; display:block}
.promoAlertContainer .promoPanelIframe{position:absolute; z-index:0; visibility:visible; border:0; scrolling:no; width:285px; height:192px}
*/
/* jibbitz product page changes */
#product .small #prodImg{float:left; width:265px;  }
#product .small #prodImg #img{width:225px; padding:20px;display:inline}
#product .small #prodDetails{float:left; width:251px}
#product .small #prodDetails #details{display:block;display:inline}
#product .small .clearIE30{display:none} 
#product .small .placeholderMain{float:none}
#product .small #prodImg #thumbs{display:none}


/*'normal' product page layout = everything else*/
#product .fatboy #prodImg{float:left;width:267px; margin-bottom:43px; height:auto;}
#product .fatboy #prodImg #img{float:none;width:100%}
#product .fatboy .placeholderMain{float:none; width:100%; padding:4px 0 5px 0; text-align:center}
#product .fatboy #prodImg .hint{margin:10px 0;display:block}
#product .fatboy #prodImg #img .swatchTop{background:none;width:100%; padding:0 0 6px 0}
#product .fatboy #prodImg #img #swatches{width:240px; margin:0 auto; padding:10px 11px 14px 11px; background:url(/common/img/product/swatch_sm_bg.gif) left bottom no-repeat}
#product .fatboy #prodImg #thumbs{float:left; width:auto; padding:0 1px 0 0;display:inline; margin:0 0 0 7px; background:url(/common/img/product/thumbs_sq_bg.gif) right bottom no-repeat}
#product .fatboy #prodImg #thumbs .thumbs{float:left;display:inline;width:82px;height:84px; margin:0; background:url(/common/img/product/thumb_sq_bg.gif) 0 0 no-repeat}
#product .fatboy #prodImg #thumbs .thumbs a{width:80px; height:79px; text-align:center}
#product .fatboy #prodImg #thumbs .sizeGuide{display:none}
#product .fatboy #prodImg #thumbs p{display:none}
#product .fatboy #prodDetails{float:left;width:251px;}
#product .fatboy #prodDetails #details, #product .fatboy #prodDetails #selection{float:none}
#product .fatboy #prodDetails #details{padding-left:20px;width:231px}
#product .fatboy #layoutKey{display:none}

#deliveryInformation{width:393px; height:360px; position:absolute; top:40px; left:300px; z-index:999}
.delIframe{position:absolute; z-index:0; visibility:visible; border:0; scrolling:no; width:393px; height:360px}
#delInfoTop{height:79px; position:relative; z-index:2; background:url(/common/img/product/delInfo_top.png) 0 0 no-repeat}
#deliveryInformation .delInfoClose{display:block; position:absolute; top:35px; right:25px; z-index:3; width:115px; height:0 !important; padding-top:25px; overflow:hidden; height /**/:25px}
#deliveryInformation .text{position:relative; z-index:2; height:214px; background:url(/common/img/product/delInfo_bg.png) 0 0 no-repeat; font-size:70%}
#deliveryInformation .text h2{padding:10px 32px; color:#4E5064; font-size:110%}
#deliveryInformation .text p{margin:10px 32px; color:#4E5064; line-height:1.2}
#deliveryInformation .text ul{position:relative; margin:10px 32px; color:#4E5064}
#deliveryInformation .text ul li{padding:0 0 0 15px; background:url(/common/img/product/liBlue.gif) 0 0 no-repeat}
#delInfoBottom{position:relative; z-index:2; height:69px; background:url(/common/img/product/delInfo_btm.png) 0 0 no-repeat}

#product .tabs{/*position:relative;*/ clear:left; width:416px; margin:0 auto 25px auto; height:32px; padding:0 0 0 51px; background:url(/common/img/product/tabs_bg.gif) 0 0 no-repeat}

#product #description{margin-top:10px}
#product #description h2{margin-bottom:17px; color:#011e6e}
#product #description h3, #product #description p, #product #description ul{font-size:70%; color:#4e5064; margin-bottom:16px; line-height:1.2}
#product #description ul{list-style-type:disc; line-height:1.4}
#product #description ul li{margin-left:15px}

#product .noStock{clear:left; position:relative; padding-top:10px}
#product .noStock h2{font-size:90%; color:#011e6e; line-height:1.2}
#product .noStock h2 span{font-size:80%}
#product .noStock .hr{margin-top:16px; background:url(/common/img/icons/hrGrey.gif) 0 0 repeat-x}
#product .noStock ul{position:relative; margin:16px 0 0 -6px}
#product .noStock ul li{position:relative; width:88px; height:65px; float:left; margin:20px 0 0 1px; text-align:center}
#product .noStock ul li.square{height:97px}
#product .noStock ul li a{position:absolute; top:0px; left:0px; width:88px; height:65px; z-index:10; display:block; text-decoration:none; background:url(/common/img/product/shoeIn.png) 0 0 no-repeat}
#product .noStock ul li.out a{background:url(/common/img/product/shoeOut.png) 0 0 no-repeat}
#product .noStock ul li.out.square a{height:97px; background:url(/common/img/product/shoeOutLarge.png) 0 0 no-repeat}
#product .noStock ul li img{display:block; position:absolute; top:6px; left:2px; z-index:1}
#product .noStock ul li span{display:block; position:absolute; bottom:3px; left:0; width:88px; z-index:1; text-align:center; font-size:70%; color:#4e5064}


.buyonegetonehalfpriceNtc,
.bogofNtc,
.threeFor2Ntc {
	/*width:284px;*/
	
	width:241px;
	height:36px;
	padding:5px 0 8px 10px;
	margin:10px 0 -29px -20px;
	position:relative;
	background:url(/common/img/deals-and-offers/offer-info-sash.gif) no-repeat right top;
}
.buyonegetonehalfpriceNtc p,
.bogofNtc p,
.threeFor2Ntc p {
	width:auto;
	display:block;
	position:relative;
	top:-3px;
	left:10px;
	color:#fff;
	font-size:0.69em;
	text-transform:uppercase;
}
.buyonegetonehalfpriceNtc p a,
.bogofNtc p a,
.threeFor2Ntc p a {
	position:relative;
	top:3px;
	font-size:0.9em;
	color:#fff;
	text-decoration:none;
	text-transform:none;
}

/*.bogofNtc {
	width:247px; 
	height:36px;	
	margin:10px 0 -10px -35px; 
	padding:5px 0 8px 10px;
	position:relative; 
	left:-20px;
	background:url(/common/img/deals-and-offers/offer-info-sash.gif) no-repeat 0 0;
}
.bogofNtc p{
	font-size:60%; 
	color:#fff; 
	line-height:1.4;
}
*/



.promoAlertContainer {
	/*width:285px; 
	height:192px; */
	width:308px;
	height:auto;
	position:absolute; 
	top:-14px; 
	left:-20px; 
	z-index:16;
}

.promoAlertBox {
	width:308px;
	height:auto;
	padding-top:60px;
	/*background:url(/common/img/deals-and-offers/lightBox/vertical-repeater.png) repeat-y;
	position:absolute;
	top:0; 
	left:0;*/ 
	position:relative;
	z-index:500;
}
.promoAlertContainer div.promoAlertBox.buyonegetonehalfprice {
	background:url(/common/img/deals-and-offers/lightBox/get-1-half-price-header-top-large.png) no-repeat top;
}
.promoAlertContainer div.promoAlertBox.bogof {
	background:url(/common/img/deals-and-offers/lightBox/bogof-header-top-large.png) no-repeat top;
}
.promoAlertContainer div.promoAlertBox.threeForTwo {
	background:url(/common/img/deals-and-offers/lightBox/3-for-2-header-top-large.png) no-repeat top;
}

.promoAlertBox a.close {
	color:#2b2e38; 
	font-size:11px; 
	font-weight:bold; 
	text-decoration:none; 
	padding-left:10px; 
	float:right;
	position:relative;
	top:-40px;
	right:20px;
	/*position:absolute; 
	top:8px; 
	right:10px; */
	line-height:13px;
}
/*.promoAlertBox.bogof {
	background:url(/common/img/product/promoAlertBox_bogof.gif) 0 0 no-repeat;
}*/
.promoAlertBox img {
	position:absolute; 
	top:13px; 
	left:12px;
}
.promoAlertBox p {
	color:#2b2e38; 
	font-size:11px; 
	line-height:14px; 
	margin:0 15px 10px 26px;
} 
.promoAlertBox a.close small {
	color:#6b7f81; 
	font-size:90%; 
	padding-right:6px;
}
.promoAlertBox ul {
	width:308px;
	height:52px;
	margin-top:-20px;
	background:url(/common/img/deals-and-offers/lightBox/bottom.png) no-repeat bottom;
	position:relative;
	top:26px;
}
.promoAlertBox ul li { 
	float:left; 
	display:block;
	margin-left:22px;
}
.promoAlertBox ul li a {
	margin:0;
	display:block;
}
.promoAlertBox ul li a.viewPromo {
	width:118px;
	height:23px;
	background:url(/common/img/deals-and-offers/lightBox/btn-view-promotion.png) no-repeat;
}
.promoAlertBox ul li a.viewPromo:hover {
	text-decoration:underline;
	color:#fff !important;
	background:url(/common/img/deals-and-offers/lightBox/btn-view-promotion.png) no-repeat;
}
.promoAlertBox ul li a.viewPromo:hover strong {
	color:#fff;
}
.promoAlertBox ul li a.promoAddBasket {
	width:123px;
	height:26px;
	background:url(/common/img/deals-and-offers/lightBox/btn-continue-to-basket.png) no-repeat;
}
.promoAlertBox ul li a.promoAddBasket:hover {
	text-decoration:underline;
	color:#fff !important;
	background:url(/common/img/deals-and-offers/lightBox/btn-continue-to-basket.png) no-repeat;
}
.promoAlertBox ul li a.promoAddBasket:hover strong {
	color:#fff;
}




/*.promoAlertBox ul li a.viewPromo {
	margin-left:10px;
}*/
.promoAlertContainer .promoPanelIframe{
	position:absolute; 
	z-index:0; 
	visibility:visible; 
	border:0; 
	scrolling:no; 
	width:285px; 
	height:192px;
}