@charset "utf-8";
/* CSS Document */

	img {border:none}
	div.p, p {margin:5px 0 15px 0;}
	sup, .sup { line-height: 1em; vertical-align: text-top;}
	.sup {font-size:80%; line-height: 1em; vertical-align: text-top;}
	html, body{ border:0; padding:0; margin:0; background:#7d2f3d url(/images/bg.gif); height:100%;}
	body{ font:70%/140% Arial, Helvetica, sans-serif; } /*calibri,*/
	#contentBox{ height:100%;  margin:0 auto; background:#fff url(/images/centerBg.gif) repeat-y; width:900px; position:relative; padding:0 35px; }
	#content{padding: 10px; border:}
	body.bodyPage #content{overflow:hidden}
	#footer{position:relative; padding:10px; background:url(/images/footer.jpg) no-repeat; margin:0 10px; height:68px; white-space:nowrap; text-indent:-1000px; overflow:hidden; position:relative}
	h3{font-size:150%; margin-top:0; line-height:125%;}
	div.textPadding{margin:0 0 0 355px; position:relative;}
	a#presenceButton{background:url(/images/presence.gif) no-repeat; width:140px; height:158px; display:block; position:absolute; left:-169px; top:385px; white-space:nowrap; text-indent:200px; overflow:hidden;}
	div.bodyText {padding:385px 75px 50px 0;}
	a {color:#903; text-decoration:none;}
	a:hover {text-decoration:underline; color:#f04; background:#ffc}
	
	div.menuBox { margin:0; padding:20px 0 0 0; position:absolute; width:525px; font-size:90%}
	div.menuBox ul{display:block; margin:0 0 15px 0; padding:0 0 5px 0; list-style:none; position:relative;  border-bottom:5px solid #c06; float:left; width:100%; clear:both;  white-space:nowrap}
	div.menuBox ul li{display:block; float:left; padding:1px 12px; border-left:1px solid #ccc; font-weight:bold; margin:0; white-space:nowrap}
	div.menuBox ul li.slct a{color:#000; border-bottom:3px solid #9c6}

	div#introBox, div.intro{ background:#c72441; padding:15px 0; width:auto; height:210px; position:relative}
	div#intro{ width:440px; height:100%; background:#d1bbb8 url(/images/cigarBox.png) center no-repeat; }
	div.intro {background:#d1bbb8 url(/images/cigarBox.png) left no-repeat; padding:0; border-top:15px solid; border-bottom:15px solid; border-color:#c72441;}
	div.redShadow{ height:15px; background:url(/images/redShadow.png) repeat-x}
	#present{position:absolute; top:90px; left:27px; background:url(/images/present.jpg) no-repeat; height:250px; width:250px;}
	#present2marketing{position:absolute; top:260px; left:5px; background:url(/images/present2marketing.gif) no-repeat; height:100px; width:250px;}
	#itemsBody {margin:145px 45px 60px 195px;}
	/*td {vertical-align:top; border-bottom:2px solid #6e313a;}*/
	
	#centerMat{padding:20px 20px 10px 20px; background:#ab5262; width:850px; margin:20px auto; border:3px solid #723843; border-top-color:#5d3f45; border-bottom-color:#ba5f6f; position:relative}
	table#cover{background:#fff; width:850px; height:400px; border-right:1px solid #723843;}
	table td.ribon {background:#c72441; position:relative; border-bottom:2px solid #ad273f;}
	td.ribon div.ribonBox{width:225px; position:relative}
	#ribon{position:absolute; top:-3px; left:-5px; width:240px; height:500px; background:url(/images/ribon2.gif) no-repeat;}
	
	#closingText { clear:both; display:none}
	
	div.item span.astrix{display:none}
	div.item table {display:none}
	
	div.item h4 {margin:0 4em 10px 0; height:2.5em; font-size:115%}
	div.item div.itemPrice {position:absolute; right:5px; top:5px;}
	div.itemBox{ float:left;}
	div.item{border:1px solid #ddd; width:280px; height:20em; padding:5px; margin:0 15px 15px 0; position:relative}
	div.itemArm table {width:100%; ; border-collapse:collapse;}
	div.itemArm table th, div.itemArm table td {text-align:left; margin:0; padding:1px 5px 1px 0;; border-collapse:collapse;}
	div.itemArm table td {border-top:1px solid #eee; border-bottom:none;}
	div.itemArm table th {border-bottom:3px double #ccc}
	div.itemArm table th.num, div.itemArm table td.num {text-align:right; border-left:1px solid #eee; padding-left:5px;}
	a.itemPic { width:175px; height:125px; margin:0 auto; background:#ccc; border:1px solid; display:block;}
	div.item div.itemDescAchr {position:absolute; bottom:0; width:240px}
	div.item div.itemDescription { display:none;}
	div.itemNote, div.itemNote p{margin-bottom:5px;}
	div.itemArm{width:auto;}
	
	h3 strong.price{clear:both; display:block; font-size:80%; font-weight:normal; padding-top:0px; margin-top:3px; padding-top:2px; border-top:1px solid #ccc;}
	
	form {padding:0; margin:0}
	input {font-size:100%;}
	
	a#cigar_175{background:url(/images/cigar_175.jpg) no-repeat;}
	a#clock_175{background:url(/images/clock_175.jpg) no-repeat;}
	a#wine_175{background:url(/images/wine_175.jpg) no-repeat;}
	a#door_175{background:url(/images/door_175.jpg) no-repeat;}
	
	#itemImagesBox a {display:block; height:100%; position:relative;}
	#itemImagesBox a:hover{background:none;}
	#itemImagesBox div{position:relative;}
	
	#itemImagesBox div.image{height:100%; width:100%;}
	#itemImagesBox #mainImage div.photoFrame{background:url(/images/photoFrame_295.jpg) no-repeat;}
	#itemImagesBox #subImage1 div.photoFrame{background:url(/images/photoFrame_90.jpg) no-repeat;}
	#itemImagesBox #subImage2 div.photoFrame{background:url(/images/knob_90.jpg) no-repeat;}
	#itemImagesBox #subImage3 div.photoFrame{background:url(/images/wreath_90.jpg) no-repeat;}
	
	#itemImagesBox #mainImage div.clock{background:url(/images/clock_295.jpg) no-repeat;}
	#itemImagesBox #subImage1 div.clock{background:url(/images/clockDetail_90.jpg) no-repeat;}
	#itemImagesBox #subImage2 div.clock{background:url(/images/penNibs_90.jpg) no-repeat;}
	#itemImagesBox #subImage3 div.clock{background:url(/images/penDetail_90.jpg) no-repeat;}

	#itemImagesBox #mainImage div.humidor{background:url(/images/humidor_295.jpg) no-repeat;}
	#itemImagesBox #subImage1 div.humidor{background:url(/images/hinge_90.jpg) no-repeat;}
	#itemImagesBox #subImage2 div.humidor{background:url(/images/corner_90.jpg) no-repeat;}		
	#itemImagesBox #subImage3 div.humidor{background:url(/images/cigar_90.jpg) no-repeat;}

	#itemImagesBox #mainImage div.wineRack{background:url(/images/wineRack_295.jpg) no-repeat;}
	#itemImagesBox #subImage1 div.wineRack{background:url(/images/engraving_90.jpg) no-repeat;}
	#itemImagesBox #subImage2 div.wineRack{background:url(/images/crystal_90.jpg) no-repeat;}		
	#itemImagesBox #subImage3 div.wineRack{background:url(/images/glass_90.jpg) no-repeat;}	
	
	#presentPicBox, #callOutQuote {float:right; clear:right; margin:0 0 15px 15px; border:1px solid #ccc; padding:15px;}
	#callOutQuote { border:none; font-size:110%; font-weight:bold; padding:0; width:270px; text-align:center; line-height:125%}
	.nw {white-space:nowrap}
	#presentPic {width:100%; height:228px; width:240px; background:url(/images/presentPic_240.jpg) no-repeat; float:left; clear:both;}
	.larger{font-size:115%; line-height:125%}
	
	#whoiswho {clear:both}
	div.employeePic{width:70px; height:90px; float:left; margin:0 10px 10px 0; border:1px solid #999; background:#ccc; clear:left;}
	div.employee {clear:both; margin:10px 0;}		
	div.employee h3{font-size:110%; margin:5px 0;}
	
	#closingText{ clear:both; margin:10px 0;}
	strong.tagLine {display:block; float:right; margin:10px 0;}
	
	#bow {background:url(/images/redBow.gif) no-repeat; height:416px; width:258px; z-index:30; position:absolute; left:30px; top:7px; display:block }
	#ribon{ background:url(/images/ribon2.gif) top no-repeat; width:114px; height:600px; position:absolute; top:0; left:85px; z-index:20;}
	#hold, #slideBackingBox, #scroll {background:url(/images/slideBacking.png) 0px 56px repeat-x; height:293px; width:880px; position:absolute; overflow:hidden; z-index:10;top:50px;}
	#hold, #scroll{ top:0px; left:50px; width:830px; position:relative}
	#scroll {background:none;}
	#slide1, #slide2, #slide3,#slide4, #slide5		
		{display:block; margin:0 0 0; position:relative; top:0; width:915px; height:205px; text-indent:1000px; white-space:nowrap; overflow:hidden;background:url(/images/giftsThatKeepGiving.jpg) no-repeat; }
	#slide1oveflow, #slide2oveflow, #slide3oveflow, #slide4oveflow, #slide5oveflow  
		{height:56px; background:url(/images/slide1top.gif) left top no-repeat; margin:0; }
	#slide2 { width:606px; background:url(/images/handomePresents.jpg) left top no-repeat}
	#slide2oveflow{ background: url(/images/slide2top.gif) left top no-repeat;}
	#slide3 {width:562px; background:url(/images/professionalTimeless.jpg) no-repeat;}
	#slide3oveflow{ background: url(/images/slide3top.gif) left top no-repeat;}
	#slide4 {width:680px; background:url(/images/tastefulGifts.jpg) no-repeat;}
	#slide4oveflow {background: url(/images/slide4top.gif) left top no-repeat;}
	#slide5 {width:850px; background:url(/images/present2marketing.jpg) no-repeat;}
	
	#yellowLine{background:#fff url(/images/yellow.gif) bottom repeat-x; position:absolute; width:880px; height:108px; top:0; left:45px; overflow:hidden}
	
	a#homeCart, #shoppingCartImage, #viewCart {display:block; width:29px; height:30px; background:url(/images/cartButton.gif) left bottom no-repeat; position:absolute; top:66px; right:114px;}
	#viewCart { background:url(/images/viewCartLink.gif) no-repeat; width:192px; border:0px solid; padding-bottom:1px; z-index:9999;}
	a#homeCart { z-index:1000; background:none;}
	body.bodyPage #contentBox {height:auto}
	body.bodyPage #bow {display:none}
	
	fieldset{ margin:0; padding:0; border:0; vertical-align:middle}
	
	#leftColumn{ width:350px; clear:left; float:left; margin-bottom:50px}
	.itemArm h3 { font-size:125%; margin:20px 0 2px 0; border-bottom:1px solid #ccc; padding:0 0 2px 0;}
	.itemArm div.price { margin: 0 5px 10px 0; clear:both;}
	.itemArm div.price div{ float:right; font-weight:bold; clear:right;}
	
	#leadInTextColumn{float:left; width:275px}
	ul{ margin-left:15px; padding-left:5px;}
	
	/* Styles for scrolling layers  
	#leadInText, #itemsBody h3 {padding:0 0 0 60px;}
	 Specify width and height in hold and wn, and in clip for wn. 
   hold div height accommodates scrollbar in this example    

div#hold	{ 
	position:relative; overflow:hidden;
	width:830px; height:293px; z-index:200
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:830px; height:293px; 
	clip:rect(0px, 830px, 293px, 0px); 
	overflow:hidden;	
	z-index:100; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:100; 
	}
	*/
	
	