/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
a.relatedItmTitle{font:normal normal 12px Tahoma;color:#000!important;text-decoration:none}
hr.dtlsPage{height:1px;font-size:0px;line-height:0px;color:#ccc;background:#ccc;margin:0px 10px}
/*#WhoBoughtProductsCont,#NewRelatedProductsCont{width:700px;margin-left:23px;height:140px}*/
#Offers{/* required settings */
	position:relative;overflow:hidden;width:590px;height:280px;margin:0px 75px 15px 75px;/*  custom decorations ;border:1px solid #cfcfcf*/}
#NewArrival{/* required settings */
	position:relative;overflow:hidden;width:415px;height:170px;margin-left:6px /* custom decorations */}
/*#NewRelatedProducts{
	position:relative;overflow:hidden;width:670px;height:100px;margin-left:10px}*/
#TopTen{/* required settings */
	position:relative;overflow:hidden;width:190px!important;height:100px!important; /* custom decorations */;border:1px solid #ccc;padding-bottom:50px}
#Stores{/* required settings */
	position:relative;overflow:hidden;width:190px;height:500px}
#Stores div{height:450px}
#imgsGalry{width:205px!important;margin-left:-2px}
#imgsGalry .scrollable p{float:left;margin:0px;width:64px}
#imgsGalry .scrollable{position:relative;overflow:hidden;margin:0 0 0 3px;width:192px;height:64px;float:left;display:inline}
#imgsGalry .scrollable .items{clear:both;width:20000em;position:absolute;direction:ltr;color:#cad9e1}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items{/* this cannot be too large */width:20000em;position:absolute;clear:both}
.items div{float:left}
#TopTen div, #OffersCont .items div{float:right}
#Offers .items{margin-top:10px}
/* single scrollable item */
#Offers img{float:left;width:650px;margin-right:50px;margin-left:-25px;height:280px}
#TopTen img.featProdImg{float:left;width:190px;height:100px}
#NewArrival img{float:left;width:130px;height:98px/*;margin:10px 0px 0px 5px;border:1px solid #ccc*/}
/*#WhoBoughtProductsCont img,#NewRelatedProducts img{float:left;width:128px;height:98px;margin:10px 0px 0px 5px;border:1px solid #ccc}*/
#Stores img{float:left;clear:both;border:1px solid #ccc;width:188px;height:130px;margin:15px 0px !important}
/* active item */
.scrollable .active{border:2px solid #000;position:relative;cursor:default}
/* this makes it possible to add next button beside scrollable */
#OffersCont{float:left;z-index:100;background:#fff;border-bottom:1px #d9d9d7 solid;border-left:1px #d9d9d7 solid;border-right:1px #d9d9d7 solid}
/* prev, next, prevPage and nextPage buttons */
#Offers a.browse{background:url('/EmallStyleLibrary/Images/scrollerArrows.png') no-repeat;display:block;width:40px;height:71px;float:left;margin:130px 10px;cursor:pointer;font-size:1px}
#TopTen a.browse{background:url('/EmallStyleLibrary/Images/scrollerArrows.png') no-repeat;display:block;width:40px;height:71px;float:left;margin:130px 10px;cursor:pointer;font-size:1px}
#imgsGalry a.prev,#imgsGalry a.next{background:url('/EmallStyleLibrary/Images/mediArrows.png') no-repeat;display:block;width:6px;height:10px;float:left;cursor:pointer;font-size:1px;padding-bottom:50px}
#StoresCont a.browse{background:url('/EmallStyleLibrary/Images/smallArrows.gif') no-repeat;display:block;width:6px;height:10px;float:left;margin:10px 0px 10px 5px;cursor:pointer;font-size:1px}
a.browse{background:url('/EmallStyleLibrary/Images/scrollerArrows.png') no-repeat;display:block;width:40px;height:71px;float:left;margin:130px 10px;cursor:pointer;font-size:1px}
/*#WhoBoughtProductsCont a.browse, */#NewArrivalCont a.browse/*, #NewRelatedProductsCont a.browse*/{float:left;z-index:100;background:url('/EmallStyleLibrary/Images/smallArrows.gif') no-repeat;margin:0px;width:6px;height:10px}
/* right */
a.right, a.right:hover{background-position:0 -79px;margin:-150px 0 0 700px;#margin-left:-50px;#left:0px;float:right;clear:right;z-index:900;position:absolute;#position:relative}
#Offers a.right, #Offers a.right:hover{background-position:0 -79px;margin-left:700px;#margin-left:-50px;#left:0px;float:right;clear:right;z-index:1000;position:absolute;#position:relative}
#OffersCont a.right, #OffersCont a.right:hover{margin-top:-180px}
#TopTen a.right, #TopTen a.right:hover{background-position:0 -79px;margin-left:700px;#margin-left:-50px;#left:0px;float:right;clear:right;z-index:1000;position:absolute;#position:relative}
#StoresCont a.right, #StoresCont a.right:hover{background-position:0 -12px;float:right;clear:right;z-index:900;margin-right:75px}
a.rightNewArrival, a.rightNewArrival:hover{background-position:0px 0px!important;float:right;clear:right;z-index:900;margin:-90px 0 0 2px!important}
/*a.rightNewRelatedProducts, a.rightNewRelatedProducts:hover{background-position:0px 0px!important;float:right;clear:right;z-index:900;margin:50px 0 0 -690px!important}
#WhoBoughtProductsCont a.rightNewRelatedProducts, #WhoBoughtProductsCont a.rightNewRelatedProducts:hover{background-position:0px 0px!important;float:right;clear:right;z-index:900;margin:-50px 0 0 -710px!important}*/
/* left */
a.left, a.left:hover{margin-right:-50px;background-position:0 0;z-index:900;position:absolute;#position:relative}
#Offers a.left, #Offers a.left:hover{margin-right:-50px;background-position:0 0;z-index:1000;position:absolute;#position:relative}
#TopTen a.left, #TopTen a.left:hover{margin-right:-50px;background-position:0 0;z-index:1000;position:absolute;#position:relative}
#StoresCont a.left, #StoresCont a.left:hover{background-position:0 0;z-index:900;margin-left:75px}
a.leftNewArrival, a.leftNewArrival:hover{background-position:0px -12px!important;z-index:900;margin:80px 0 0 417px!important;position:absolute}
/*a.leftNewRelatedProducts, a.leftNewRelatedProducts:hover{background-position:0px -12px!important;z-index:900;margin:60px 0 0 580px!important;position:absolute}
#WhoBoughtProductsCont a.leftNewRelatedProducts, #WhoBoughtProductsCont a.leftNewRelatedProducts:hover{background-position:0px -12px!important;z-index:900;margin:60px 0 0 470px!important;position:absolute}*/
/* disabled navigational button */
a.disabled{visibility:hidden !important}



#imgsGalry a.prev{background-position:0 0;width:6px;margin:0;z-index:900;text-decoration:none!important}
#imgsGalry a.next{background-position:-6px 0;float:right;clear:right;width:6px;margin:0;z-index:900;text-decoration:none!important}
/*********************scrollable-navigator.css*********************/
/* position and dimensions of the navigator */
#OffersCont .navi{height:20px;position:relative;margin:-5px 0 0 75px!important;z-index:1000;float:left}
#TopTenCont .navi{width:150px;height:10px}
/* items inside navigator */
.navi a{width:8px;height:8px;float:left;margin:3px;background:url('/EmallStyleLibrary/Images/navigator.png') 0 0 no-repeat;display:block;font-size:1px}
/* mouseover state */
.navi a:hover{background-position:0 -8px}
/* active state (current page state) */
.navi a.active{background-position:0 -16px}

/* Mahdy */
#HotDeals{/* required settings */
	position:relative;overflow:hidden;width:190px!important;height:100px!important; /* custom decorations */;border:1px solid #ccc;padding-bottom:50px}
#HotDeals div {float:right}
#HotDeals img.featProdImg{float:left;width:190px;height:100px}
#HotDeals a.browse{background:url('/EmallStyleLibrary/Images/scrollerArrows.png') no-repeat;display:block;width:40px;height:71px;float:left;margin:130px 10px;cursor:pointer;font-size:1px}
#HotDeals a.right, #HotDeals a.right:hover{background-position:0 -79px;margin-left:700px;#margin-left:-50px;#left:0px;float:right;clear:right;z-index:1000;position:absolute;#position:relative}
#HotDeals a.left, #HotDeals a.left:hover{margin-right:-50px;background-position:0 0;z-index:1000;position:absolute;#position:relative}
#HotDealsCont .navi{width:150px;height:10px}
#HotDeals .TopTenBg{float:none;z-index:100;background:#403f3a;opacity:.8;filter:alpha(opacity=80);position:absolute;width:190px;margin:100px 0 0 0px;height:50px}
#HotDealsCont .dtlsScrolCrncy{margin:0!important;width:20px;height:19px}
#HotDealsCont .dtlsScrolCrncy .currency{position:relative;margin:-30px 0 0 0!important}
#HotDealsCont .add2btn{margin:0 3px 0 0}
#HotDeals .featProdImg{margin:0 15px 15px 0}

#Packages{/* required settings */
	position:relative;overflow:hidden;width:190px!important;height:100px!important; /* custom decorations */;border:1px solid #ccc;padding-bottom:50px}
#Packages div {float:right}
#Packages img.featProdImg{float:left;width:190px;height:100px}
#Packages a.browse{background:url('/EmallStyleLibrary/Images/scrollerArrows.png') no-repeat;display:block;width:40px;height:71px;float:left;margin:130px 10px;cursor:pointer;font-size:1px}
#Packages a.right, #Packages a.right:hover{background-position:0 -79px;margin-left:700px;#margin-left:-50px;#left:0px;float:right;clear:right;z-index:1000;position:absolute;#position:relative}
#Packages a.left, #Packages a.left:hover{margin-right:-50px;background-position:0 0;z-index:1000;position:absolute;#position:relative}
#PackagesCont .navi{width:150px;height:10px}
#Packages .TopTenBg{float:none;z-index:100;background:#403f3a;opacity:.8;filter:alpha(opacity=80);position:absolute;width:190px;margin:100px 0 0 0px;height:50px}
#PackagesCont .dtlsScrolCrncy{margin:0!important;width:20px;height:19px}
#PackagesCont .dtlsScrolCrncy .currency{position:relative;margin:-30px 0 0 0!important}
#PackagesCont .add2btn{margin:0 3px 0 0}
#Packages .featProdImg{margin:0 15px 15px 0}

#ProductWithGift{/* required settings */
	position:relative;overflow:hidden;width:190px!important;height:100px!important; /* custom decorations */;border:1px solid #ccc;padding-bottom:50px}
#ProductWithGift div {float:right}
#ProductWithGift img.featProdImg{float:left;width:190px;height:100px}
#ProductWithGift a.browse{background:url('/EmallStyleLibrary/Images/scrollerArrows.png') no-repeat;display:block;width:40px;height:71px;float:left;margin:130px 10px;cursor:pointer;font-size:1px}
#ProductWithGift a.right, #ProductWithGift a.right:hover{background-position:0 -79px;margin-left:700px;#margin-left:-50px;#left:0px;float:right;clear:right;z-index:1000;position:absolute;#position:relative}
#ProductWithGift a.left, #ProductWithGift a.left:hover{margin-right:-50px;background-position:0 0;z-index:1000;position:absolute;#position:relative}
#ProductWithGiftCont .navi{width:150px;height:10px}
#ProductWithGift .TopTenBg{float:none;z-index:100;background:#403f3a;opacity:.8;filter:alpha(opacity=80);position:absolute;width:190px;margin:100px 0 0 -205px;height:50px}
#ProductWithGiftCont .dtlsScrolCrncy{margin:0!important;width:20px;height:19px}
#ProductWithGiftCont .dtlsScrolCrncy .currency{position:relative;margin:-30px 0 0 0!important}
#ProductWithGiftCont .add2btn{margin:0 3px 0 0}
#ProductWithGift .featProdImg{margin:0 15px 15px 0}

.ItemsStoresBannerRotator img {width:620px!important;height:140px!important}
.StoresBannerRotatorCont{width:750px;margin-bottom:10px}