/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7; 
}



.modalPopup {
	/*background-color:#ffffdd;*/
	background-color:#fffff0;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}


/* *********************************************** */

.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}



.dropShadowPanel 
{	
	width:300px;	
	background-color:#5377A9;
	color:white;
	font-weight:bold;		
}

/*Drag Panel*/
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}

/* Rounded Corners*/


.roundedPanel
{	
	width:300px;	
	background-color:#5377A9;	
	color:white;
	font-weight:bold;		
}

/* START Andrews Code */
@charset "UTF-8";

/* TAG Definitions */
body {
	background-color: #ffffff;
	background-image: url(../App_Themes/Standard/images/bground.gif);
	background-repeat: repeat-x;
	margin: 0px;
	
	}
	
a:link {
	color: inherit;
	color: #ffffff !important;
	text-decoration: none;
	}
	
a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
a:active {
	color: #ef6620;
	}
	
a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
img {
	border: 0px;
	}
	
	
/* ID Definitions */


	
#base {
	/*width: 980px;*/
	width: 1220px; 
	margin: 0px auto 0px auto; 
	/*border: 2px solid Black; color:Black; font-size: 12px; font-weight: bold; */
	/*border: 5px solid Blue;  */
	}
	

	
#header {
	height: 105px;
	}
	
#subHead {
	height: 43px;
	padding-top: 8px;
	}
	
#sideNav {
	width: 210px;
	float: left;
	margin-top: 20px;
	margin-right: 17px;
	/*border: 2px solid Green; */
	}
	
/* SideNav Rounded Rectangle - Dynamic! */
dl {
	width: 210px;
	margin: 0px;
	padding: 0px;
	background: #39AECF url(../App_Themes/Standard/images/box_bottom.gif) no-repeat bottom left;
	}

dt {
	margin: 0px 0px 8px 0px;
	padding: 10px 0px 0px 10px;
	background: #39AECF url(../App_Themes/Standard/images/box_top.gif) no-repeat top left;
	}
	
.secondary {
	background: none;
	}

dd {
	margin: 0 0 0 10px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.1em;
	}
/* END SideNav Rounded Rectangle */






	
#content {
	width: 734px;
	float: left;
	margin-top: 20px;
	padding-left: 18px;
	/*border-left: 1px solid #dfdfdf;*/
	/*border: 2px solid Red; */
	}
	
	

		
#footer {
	width: 100%;
	background-color:#61B7CF;
	margin-top: 20px;
	padding-top: 10px;
	}
	
#footerContent {
	width: 980px;
	height: 130px;
	margin: 0px auto 0px auto;
	}
	

	
#footerContent .left {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	}
	
#footerContent .right {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	text-align: right;
	line-height: 1.8em;
	}
	
#splash {
	text-align: right;
	margin-top: -22px;
	margin-bottom: 10px;
	}
	

	
#list {
	width: 594px;
	/*width: 894px; */
	margin-top: 10px;
	float: left;
	/*border: 4px solid Purple; */
	}
	
#listHeader {
	width: 100%;
	min-height: 53px;
	background-image: url(../App_Themes/Standard/images/list_headerwhite.png);
	background-repeat: no-repeat;
	}
	
#listBase {
	width: 730px; 
	background-image: url(../App_Themes/Standard/images/list_basewhite.gif);
	background-repeat: repeat-y;
	/* padding: 5px 5px 12px 5px; */
	padding: 0px 0px 0px 0px 0px;
	/*border: 2px solid Brown; */
	}


	
#listFooter {
	margin-top: 20px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	}
	
#listFooter textarea {
	width: 588px;
	height: 100px;
	}
	
#sideFloat {
	/*width: 123px;
	float: left;
	min-height: 360px;
	margin: 10px 0px 0px 14px;
	background-image: url(../App_Themes/Standard/images/list_mylist.gif);
	background-repeat: no-repeat;
	background-color: #f2f1d6;*/
	font-size: X-Large; 
	}
	
	
	
#MyCart {
	width: 123px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: X-Large;
	min-height: 0px;
	/*margin: 10px 0px 0px 14px;*/
	/*margin:30px 0px 0px 10px;*/
	background-image: url(../App_Themes/Standard/images/list_mylist.gif); 
	background-repeat: no-repeat;
	background-color: #FFFFFF; 
	z-index: 150; 
	position:relative;
	float:right;
	}

#ExtraItems { 
	
	float:left;
	padding: 40px 5px 12px 50px;
	margin-left:150px;
	
	}
	
	
/* CLASS Definitions */
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	}

.navButton {
	/*background-image: url(./App_Themes/Standard/images/topNav_inactive.png);
	font-size: 109px;*/
	}
	
.navButton:link {
	/*margin-left: -4px; */
	}
	
.navButton:hover {
	/*background-color: #ff6000;
	background-image: url(./App_Themes/Standard/images/topNav_hover.gif);*/
	}
	
.adBannerTop {
	width: 734px;
	overflow: hidden;
	margin-bottom:20px;
	}
	

	
.adBannerMiddle {
	width: 468px;
	overflow: hidden;
	margin-top:25px;
	}
	
	
.adBannerMiddleBottom {
	width: 400px;
	overflow: hidden;
	margin-top:50px;
	margin-left:100px;
	}
	
.adBannerMiddleLeft 
{
    width: 120px;
    overflow:hidden;
    float:left;
    margin-top:30px;
}
	
	
	
	
.buttonBar {
	margin: 5px 0px 10px 2px;
	background-image: url(./App_Themes/Standard/images/buttonbar_inactive.gif);
	background-repeat: no-repeat;
	font-size: 62px;
	}
	
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-image: url(./App_Themes/Standard/images/overlay_bg.png);
	}
	
.overlayCenter {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -110px 0px 0px -210px;
	padding: 10px;
	width: 400px;
	min-height: 200px;
	background-color: #ffffff;
	}
	

	
#BaseMyCustomItemsPanel	
{
	width: 621px;
	height:150px;
	margin-top:40px;
	padding:30px,0px,30px,0px;	
	/*border: 2px solid Red; color:Red; font-size: 12px; font-weight: bold; */
}

#ListMyCustomItemsPanel	
{
	width: 450px;
	margin-left:90px;
	float: left;
	background-image: url(../App_Themes/Standard/images/list_baseWhite.gif);
	background-repeat: repeat-y;
	/*border: 1px solid #0f0; color: #fFFFFF; font-size: 12px; font-weight: bold;*/
}

#FooterMyCustomItemsPanel
{
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-top: 5px;
}

#GroceryBook 
{
    float:left;
    margin:0,0,0,0;
    /*border: 2px solid Red; color:Red; font-size: 12px; font-weight: bold; */
    width: 155px;
}




#AdPad {
	width: 600px;
	float: left;
	margin-top: 20px;
	margin-right: 17px;
	/*border: 4px solid Blue; */
	}
	
	
#AmazonProducts {
	float: left;
	/*border: 2px solid Green;*/
	}	

.Productsdl {
	width: 577px;
	margin: 0px;
	padding: 0px;
	/* This uses an image file to draw the background and ending with the bottom rounded corners */
	background: #f2f1d6 url(../App_Themes/Standard/images/Productsbox_bottom.gif) no-repeat bottom left;
}
	
	
.ProductsTopdt {
	/* This uses an image file to draw the top rounded conrners */
	margin: 0px 0px 8px 0px;
	padding: 10px 0px 0px 10px;
	background: #f2f1d6 url(../App_Themes/Standard/images/Productsbox_top.gif) no-repeat top left;
	
	}	
	

.Productsdd {
	margin: 5px 0 0 10px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight:bold;
	}
	
.ProductsBottomdt {
/* This uses an image file to draw the top rounded conrners */
margin: 0px 0px 8px 0px;
padding: 10px 0px 0px 10px;
/*background: #f2f1d6 url(None) no-repeat top left;*/
/*background:  #f2f1d6; */
}


.ProductText
{
    color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight:bold;
	float:right; 
	padding:7px;
}

.TextAlignMore
	{
	float:left;
	margin-top:20px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	}