/* Framework */

.frame, .frameTop, .frameBottom { overflow:hidden; }

.frame { width:943px; background:url(../images/frame.png) repeat-y 0 0 #ffffff; margin:0 auto; }

.frameTop { width:943px; background:url(../images/frame-top.png) no-repeat 0 0; padding:10px 0 0 0; }

.frameBottom { width:941px; background:url(../images/frame-bottom.png) no-repeat 0 100%; padding:0 1px; }



.header, .body, .footer { width:941px; }

.heading {
	background: url(../images/h1-background.jpg) repeat-x scroll left top;
	/*font: normal 2.2em/32px Impact, Arial, Helvetica, sans-serif;*/
	font-size:27px;
	font-weight:normal;
	color: #FFFFFF;
	height: 28px;
	margin: 0px 0px 3px;
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 6px;
	border: 1px solid #000066;
}	



/* Header */
.header { background:url(../images/header.jpg) no-repeat 0 0; }
.header .content { height:148px; }
.header .logo { position:absolute; }
.header .logo img { width:294px; height:160px;float:left; background:url(../images/logo.png) no-repeat 0 0; }
.header .logo2 {
	position:absolute;
	left:650px;
	width:560px;
	height:38px;
	float:right;
}

.header1 { background:url(../images/header.jpg) no-repeat 0 0; }
.header1 .content { height:148px; }
.header1 .logo { position:absolute; }
.header1 .logo img { width:294px; height:160px;float:left; background:url(../images/logo.png) no-repeat 0 0; }
.header1 .logo2 {
	position:absolute;
	left:650px;
	width:560px;
	height:38px;
	float:right;
}

/* We Deliver Anything Header */
.header2 { background:url(../images/header-interior1.jpg) no-repeat 0 0; }
.header2 .content { height:148px; }
.header2 .logo { position:absolute; }
.header2 .logo img { width:294px; height:160px;float:left; background:url(../images/logo.png) no-repeat 0 0; }
.header2 .logo2 {
	position:absolute;
	left:650px;
	width:560px;
	height:38px;
	float:right;
}


/* Body */

.body { background:url(../images/body-shadow.png) repeat-x 0 0; }

.body .leftColumn, .body .mainColumn, .body .rightColumn { vertical-align:top; }



/* Body > Main Column */

.body .mainColumn { width:100%; height:300px; }

.body .mainColumn .content { padding:30px; }



/* Body > Controls */

.body .mainColumn .controls { clear:both; text-align:right; border-bottom:1px solid #b3b2b2; margin-bottom:12px; padding:6px; }



/* Body > Left Column */

.body .leftColumn {  }

.body .leftColumn .content { width:297px; padding:12px 0; }



/* Body > Right Column */

.body .rightColumn {  }

.body .rightColumn .content { width:297px; padding:12px 0; }



/* Body > Top */

.body .top { background:url(../images/home/spotlight.png) no-repeat 0 0; overflow:hidden; }



/* Body > Top > Spotlight Panel */

/*.body .top .spotlight .slide { padding:22px 22px 9px 22px;}

.body .top .spotlight .slide img { padding:22px 22px 9px 22px;}*/

.body .top .spotlight .slide {padding:22px 0px 9px 0px; width: 644px; height: 248px; }

.body .top .spotlight .slide img { margin:22px 22px 9px 22px; }

.body .top .spotlight .menu { list-style:none; }

.body .top .spotlight .menu, .body .top .spotlight .menu li { margin:0; padding:0; }

.body .top .spotlight .menu li, .body .top .spotlight .menu li a { float:left; display:block; }

.body .top .spotlight .menu li a { height:0; background:url(../images/home/spotlight-menu.png) no-repeat 0 0; overflow:hidden; padding-top:36px; }

.body .top .spotlight .menu li.item1 a { width:177px; background-position:0 0; }

.body .top .spotlight .menu li.item2 a { width:186px; background-position:-177px 0; }

.body .top .spotlight .menu li.item3 a { width:281px; background-position:-363px 0; }



.body .top .spotlight .menu li.item1 a:hover { background-position:0 -36px; }

.body .top .spotlight .menu li.item2 a:hover { background-position:-177px -36px; }

.body .top .spotlight .menu li.item3 a:hover { background-position:-363px -36px; }



.body .top .spotlight .menu li.item1 a.active { background-position:0 -72px; }

.body .top .spotlight .menu li.item2 a.active { background-position:-177px -72px; }

.body .top .spotlight .menu li.item3 a.active { background-position:-363px -72px; }


/* New Spotlight Menu */

body .top .menuFinal{ background:url(../images/home/spotlightMain.jpg) no-repeat 0 0; height:36px; width:644px; float:left; }

.body .top .spotlight .menu2 { list-style:none; }

.body .top .spotlight .menu2, .body .top .spotlight .menu2 li { margin:0; padding:0; }

.body .top .spotlight .menu2 li, .body .top .spotlight .menu2 li a { float:left; display:block; }

.body .top .spotlight .menu2 li a { height:0; background:url(../images/home/spotlight-menu2.png) no-repeat 0 0; overflow:hidden; padding-top:36px; }

.body .top .spotlight .menu2 li.item1b a { width:112px; background-position:0 0; }

.body .top .spotlight .menu2 li.item2b a { width:176px; background-position:-112px 0; }

.body .top .spotlight .menu2 li.item3b a { width:126px; background-position:-288px 0; }

.body .top .spotlight .menu2 li.item4b a { width:230px; background-position:-414px 0; }



.body .top .spotlight .menu2 li.item1b a:hover { background-position:0 -36px; }

.body .top .spotlight .menu2 li.item2b a:hover { background-position:-112px -36px; }

.body .top .spotlight .menu2 li.item3b a:hover { background-position:-288px -36px; }

.body .top .spotlight .menu2 li.item4b a:hover { background-position:-414px -36px; }



.body .top .spotlight .menu2 li.item1b a.active { background-position:0 -72px; }

.body .top .spotlight .menu2 li.item2b a.active { background-position:-112px -72px; }

.body .top .spotlight .menu2 li.item3b a.active { background-position:-288px -72px; }

.body .top .spotlight .menu2 li.item4b a.active { background-position:-414px -72px; }



/* Specials */

.specialsListing .item { width:420px; height:96px; float:left; display:inline; overflow:hidden; margin:0 10px 10px 10px; }

.specialsListing .itemHeader { height:18px; background-color:#00bbf2; overflow:hidden; padding:3px 6px; }

.specialsListing .itemHeader .itemTitle { color:#ffffff; float:left; margin:0; }

.specialsListing .itemHeader .itemDistance { color:#ffffff; float:right; margin:0; }

.specialsListing .itemContent { height:58px; clear:both; border:1px solid #00bbf2; background-color:#f3fbff; overflow:hidden; padding:6px; }

.specialsListing .itemContent .itemImage { width:58px; height:54px; float:left; border:1px solid #00bbf2; margin-right:6px; }

.specialsListing .itemContent .itemDescription { height:30px; line-height:15px; overflow:hidden; margin:0; }

.specialsListing .itemContent .itemOrder, .specialsListing .itemContent .itemView { width:137px; height:26px; float:right; position:relative; top:4px; margin-left:6px; }

/* We Deliver Anyway */

.deliveryListing .item { width:860px; float:left; display:inline; overflow:hidden; margin:0 10px 10px 10px; }

.deliveryListing .itemHeader { height:18px; background-color:#00bbf2; overflow:hidden; padding:3px 6px; }

.deliveryListing .itemHeader .itemTitle { color:#ffffff; float:left; margin:0; }

.deliveryListing .itemHeader .itemDistance { color:#ffffff; float:right; margin:0; }

.deliveryListing .itemContent { clear:both; border:1px solid #00bbf2; background-color:#f3fbff; overflow:hidden; padding:6px; }

.deliveryListing .itemContent .itemImage { width:58px; height:54px; float:left; border:1px solid #00bbf2; margin-right:6px; }

.deliveryListing .itemContent .itemDescription {line-height:15px; overflow:hidden; margin:0; }

.deliveryListing .itemContent .itemOrder, .deliveryListing .itemContent .itemView { width:137px; height:26px; float:right; position:relative; top:4px; margin-left:6px; }


/* Body > Bottom */

.body .bottom {  }



/* Body > Bottom > Social */

.body .bottom .social { font-weight:bold; color:#392e25; padding:0 24px 24px 24px; }



/* Footer */

.footer { width:943px; margin:0 auto; }

.footer .content { font:10px/10px tahoma; color:#cde9fc; padding:12px; }

.footer .menu { float:left; }

.footer .copyright { float:right; }
