/* generally moving away from supporting this document most of these styles are inherited from old site (pre '09) updates should go into 'global.css' */

#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(/mall/utilitydesignstaging/images/blank.gif) no-repeat; display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/mall/utilitydesignstaging/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/mall/utilitydesignstaging/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;	overflow: auto;	width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
#leftBar, #leftBar a, #leftBar p{color:#999999;}
#registerLogin, #search{color:#999999;}
#main{color:#666666;}

#heroProduct img{border:1px solid #818080;}
a.buy{text-decoration:none!important;}
#breadcrumbTrail{border-bottom: 1px dotted #666666;}
#productDetails img{border: 1px solid #7a7a7a}
.ShoppingCartItem{background-color:#cacaca;color:#000000;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.ShoppingCartGrandTotalText,ShoppingCartGrandTotalFigures{background-color:#cccccc;color:#f01515!important;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.ShoppingCartHeading{background-color:#ffffff!important;color:#666666!important;}
.SCITotal{background-color:#cacaca;color:#000000;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#CheckoutSaveDetailsTR .CheckoutField {color:#ff0000;}
a.buy{border:outset 1px;width:70px;height:22px;background-color:#d4d0c8;color:#000000;font-size:13px;text-align:center;display:block;text-decoration:none;}
input.buy{border:outset 1px;width:70px;height:22px;background-color:#d4d0c8;color:#000000;font-size:13px;text-align:center;display:block;text-decoration:none;cursor:default;cursor:hand;}
input.buy:hover{cursor:default;cursor:hand;}
#registerLogin,#search{font-size:12px;font-weight:bold;}

#leftBar{text-align:left;}
#bookmark{margin-left:14px;}
#leftNavSmallColumn{font-size:10px;}

#infoPage h2,#loginsystem h2,.CheckoutHeading,#searchPage h2{font-weight:bold;	font-size:14px;}
#infoPage h2,#infoPage p,#loginsystem h2,#loginsystem p{vertical-align:top;}

#productSpecs h2,#voucherTableTitle,#CheckoutSaveDetailsTR .CheckoutField{font-weight:bold;}

#leftBar{position:absolute;left:30px;top:14px;width:143px;}
.leftNav{margin:10px 0 0 0;}
.leftNav li{margin:0 0 10px 0;}
#logo{float:left;margin:3px 0 0 3px;width:142px;}
#leftNavSmallColumn{margin:0 0 20px 0;}	
#leftNavSmallColumn p,
#leftNavSmallColumn h3{margin:0 0 0 20px;}
p#gift{margin:10px 0 0 20px;}
.yellowDivider{margin:10px 0 10px 20px;}
#paymentCards{margin:5px 0 5px 20px;}
strong#payMethod{margin:0 0 0 20px; width:123px; float:right;}
#paymentCards li{display:inline;}
#registerLogin{position:absolute;left:222px;top:17px;}
div#search{position:absolute;left:520px;top:20px;}
#searchGo{width:40px;height:28px;position:absolute;left:208px;top:-12px;}
#primaryBanner{position:absolute;left:222px;top:40px;}
#jumpMenus {position:absolute;left:222px;top:133px;width:554px;}
#jumpMenus select{width:179px;margin:5px 0 5px 0;}
#secondaryBanner{position:absolute;left:222px;top:167px;}
#homePage{float:left;clear:left;margin:10px 0 0 222px;}
#topSection{float:left;clear:left;margin:207px 0 0 0;width:550px;}
#heroProduct{float:left;	width:252px;}
#heroImage{float:left;	margin:0;	padding:0;}
#heroInfo{float:left;clear:left;margin:0;width:252px;}
#heroInfo p{margin:2px 0 2px 0;}
#editorial{float:left;margin:0 0 0 20px;	width:250px;}
#editorialContent{overflow:auto;float:left;margin:0 0 0 0 ;width:250px;height:325px;padding:10px;}
#bottomSection{float:left;clear:left;width:550px;margin:20px 0 0 0;}
#bottomSection img,#tertiarySection img{	float:left;}
#utiltiyLoves{width:533px;	padding:5px 0 0 8px;	float:left;	clear:left;	margin:0;}
#tertiarySection{	float:left;	clear:left;	margin:10px 0 0 0;}
#utilityWelcome{float:left;	clear:left;	width:542px;}
#utilityWelcome p{padding:0 10px 0 10px;}

.designerGallery dt, .manufacturerGallery dt {font-weight: bold;}
.designerGallery dt img {width: 121px;height: 121px;}
.manufacturerGallery dt img{width: 121px;height: 121px; border:1px solid #666666;}
.designerGallery dd, .manufacturerGallery dd{margin: 0;padding: 0;}
#disclaimer{float:left;clear:left;margin:20px 0 10px 0;width:550px;}
#infoPage, #searchPage{float:left;margin:10px 0 0 222px;	width:550px;	clear:left;}


#deptPage{float:left;clear:left;margin:10px 0 0 222px;width:550px;}

#loginsystem{float:left;margin:220px 0 0 222px;}
#registerentrycontent,#passwordeditcontent,#editdetailscontent,#yourdetailscontent,#logincontent,#remindercontent,#reminderentrycontent{float:left;	margin:10px 0 10px 0;	width:540px;}
#registerentrycontent td,#passwordeditcontent td,#editdetailscontent td,#yourdetailscontent td,#logincontent td,#remindercontent td,#reminderentrycontent td{padding:0 5px 5px 0;}
.ecrm_loginheading{display:none;}
#cartContent,#checkoutContent{float:left;clear:left;width:550px;margin:10px 0 0 222px;}
#voucherTable,#cartButTable{float:left;	clear:left;	margin:0 0 5px 0;	width:924px;}
#voucherTableTitle{padding:0 0 5px 0;}
th.ShoppingCartHeading,td.ShoppingCartTotalText,td.ShoppingCartSubTotalText,td.ShoppingCartGrandTotalText,td.SCITotal,td.ShoppingCartSubTotalFigures,td.ShoppingCartTotalFigures,td.ShoppingCartGrandTotalFigures{padding:3px 5px 3px 5px;}
.ShoppingCartItem{padding:5px 0 5px 5px;}
#voucherbox .cartbuttons{	float:none!important;}
.cartbuttons{float:left;}
.CheckoutText{width:200px;}
.checkoutButtons{margin:0 0 0 140px;}
#CheckoutPlaceOrderButton{float:left;margin:0 0 0 150px;}
.offer
{
	font-weight: bold; 
	color:#FF0000;
}
#topnav{position:absolute; left:0; top:0;}
#registerLogin{width:300px;}
#leftNav{position:absolute; left:30px; top:14px; width:220px;}
#leftNav{float:left;}
#leftNav #leftNavSmallColumn{width:145px; text-align:left;}

table.ppagebuttons, .ppagebuttons td, .ppagebuttons tr
{ padding:0; margin:0; vertical-align:bottom; }

.ppagebuttons td
{ margin-right:6px; float:left; }
