/* All body attributes are applied to the main body tag of a site. Here is where you set an overall background image, text color and font. Margin, padding and border should usually always be set to 0. Text-align does not just apply to text, but will center the main site. */



/* new UI */

body
{
	margin: 0 auto;
	padding: 0;
	color: #010101;
	background-image: url( 'images/NewUI/bg.jpg' );
	background-repeat: repeat;
}
#mainwrap
{
	width: 1020px;
	margin: 0px auto;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px !important; 
}
#mainwrap td
{
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px !important;
}
img
{
	font: 0px;
	border: 0px;
}
.clear
{
	clear: both;
	font-size: 0px;
	height: 0px;
}


/*menu*/
.ddsmoothmenu
{
	font-family: Times New Roman;
	font-size: 22px;
	color: #5c3d29;
	float: right;
	width: 675px;
	padding-top: 7px;
}

.ddsmoothmenu ul
{
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li
{
	position: relative;
	display: block;
	float: left;
}
.ddsmoothmenu ul li a
{
	text-decoration: none;
	cursor: pointer;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a .col
{
	padding: 6px 30px 5px 30px;
	float: left;
	color: #5c3d29;
	text-decoration: none;
	color: #5c3d29;
}

* html .ddsmoothmenu ul li a .col
{
	/*IE6 hack to get sub menu links to behave correctly*/
	display: block;
}

.ddsmoothmenu ul li a.selected .col
{
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: white;
	text-decoration: none;
	background-image: url(  'images/NewUI/bg_menu_hover.jpg' );
	background-repeat: repeat-x;
}
.ddsmoothmenu ul li .active .col
{
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: white;
	text-decoration: none;
	background-image: url(  'images/NewUI/bg_menu_hover.jpg' );
	background-repeat: repeat-x;
}
.ddsmoothmenu ul li a:hover .col
{
	color: white;
	text-decoration: none;
	background-image: url(     'images/NewUI/bg_menu_hover.jpg' );
	background-repeat: repeat-x;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li
{
	display: list-item;
	float: none;
	width: 105px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #cfc0b9;
	border-bottom: 1px solid #cfc0b9;
}


/* Sub level menu links style */
.ddsmoothmenu ul li ul li a
{
	/*width of sub menus*/
	font-size: 14px;
	float: none;
	color: White !important;
	background-color: #a08075;
	width: 105px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	display: block;
}
.ddsmoothmenu ul li ul li a span
{
	/*width of sub menus*/
	padding: 5px 0px 5px 15px;
	display: block;
}
.ddsmoothmenu ul li ul li a:hover
{
	background-image: none;
	font-size: 14px;
	float: none;
	color: White !important;
	background-color: #a08075;
	width: 105px;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu
{
	height: 1%;
}
/*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass
{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass
{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

.toplevelshadow
{
	/*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}

/*defaul*/
.col_left
{
	float: left;
	width: 606px;
}
.col_right
{
	float: right;
	width: 306px;
	margin-right: 4px;
}
.bder1_top
{
	background-image: url(  'images/NewUI/bder1_top.png' );
	background-repeat: no-repeat;
	width: 606px;
	height: 68px;
	background-position: bottom;
}
.bder1_loop
{
	background-image: url(  'images/NewUI/bder1_loop.png' );
	background-repeat: repeat-y;
	width: 606px;
}
.bder1_loop_padding
{
	width: 580px;
	margin-left: 12px;
	padding: 10px 0px;
	float:left;
}

.bder1_loop_padding span,.bder1_loop_padding td,.bder1_loop_padding .MsoNormal   
{
	font-family: Arial,Verdana,sans-serif !important;
	font-size: 14px !important;
}

.col_left a
{
	text-decoration: none !important;
	font-weight: bold;
	color:#5C3D29 !important;
}
.col_left a:hover
{
	text-decoration: underline !important;
	font-weight: bold;
	color:#5C3D29 !important;
}
.bder1_loop_height
{
	float:left;
	width:1px;
	height:874px;
}
.bder1_bot
{
	background-image: url(  'images/NewUI/bder1_bot.png' );
	background-repeat: no-repeat;
	width: 606px;
	height: 40px;
}

.bder2_top
{
	background-image: url(  'images/NewUI/bder2_top.png' );
	background-repeat: no-repeat;
	width: 306px;
	height: 25px;
}
.bder2_loop
{
	background-image: url(  'images/NewUI/bder2_loop.png' );
	background-repeat: repeat-y;
	width: 306px;
}
.bder2_bot
{
	background-image: url(  'images/NewUI/bder2_bot.png' );
	background-repeat: no-repeat;
	width: 306px;
	height: 8px;
}

.bder3_top
{
	background-image: url(  'images/NewUI/bder3_top.png' );
	background-repeat: no-repeat;
	width: 306px;
	height: 23px;
}

.bder1_loop p
{
	margin: 0px;
	padding: 0px;
}

.bder2_loop a
{
	text-decoration: none !important;
	font-weight: bold;

}
.bder2_loop a:hover
{
	text-decoration: underline !important;
	font-weight: bold;
	
}
.bder2_loop td
{
	vertical-align: text-top;
}
.bill_img
{
	float: right;
	width: 89px;
	margin-right: 28px;
}
.header1_col
{
	width: 460px;
	margin-left: 11px;
	float: left;
	margin-top: 28px;
}
.title_bder1
{
	font-size: 28px;
	line-height: 26px;
	color: #140000;
	float: left;
	width: 260px;
	font-family: Times New Roman !important;
}
.header1_table
{
	float: left;
	width: 135px;
	margin-left: 10px;
	margin-top: 3px;
}
/* Default attributes of table container for entire POPUP calendar */
	
.table-style {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-width: 1; 
	border-style: solid; 
	border-color: #a0a0a0; 
	background-color: #e4e2c9;
	font-family:  arial; 
	font-size: 12px;
	}

	/* Default attributes of DIV containing table container for entire popup calendar.
	 * You probably don't want to alter this style.
	 */
.div-style {
	z-index: 999;
	position: absolute;
	visibility: hidden;
	}

	/* Default attributes used in popup calendar title (month and year columns).*/
.title-style {
	padding: 2px;
	font-family: Arial; 
	font-size: 12px;
	color:Black;
	}

	/* Default attributes used in popup calendar title background.*/
.title-background-style {
	background-color: #a78e58;
	}

	/* Normal appearance of controls in popup calendar title. */
	/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
	border-style: none;
/*	border-width: 1;
	border-color: black; */
	cursor: pointer;
	}

	/* Moused-over (selected) appearance of controls in popup calendar title. */
.title-control-select-style {
	/*border-style: solid;
	border-width: 1;
	border-color: #3a6ea5; */
	cursor: pointer;
	}

	/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: arial; 
	font-size: 12px; 
	border-width: 1; 
	border-style: solid; 
	background-color: #e4e2c9;
	border-color: #cccccc;
	color: Black;
	cursor: default;
	}

	/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
	background-color: #A78D58;
	cursor: hand;
	}

	/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
	background-color: #e4e2c9;
	}

	/* Default attributes of popup calendar body (weekday titles and numbers). */
.body-style {
	padding: 5px;
	background-color: #fff7ea;
	font-family: arial, verdana; 
	font-size: 11px;
	}

	/* Attributes of current day in popup calendar body. */
.current-day-style {
	color: Black;
	font-weight: bold;
	text-decoration: none;
	}

	/* Attributes of end-of-week days (Sundays) in popup calendar body. */
.end-of-weekday-style {
	color: #909090;
	text-decoration: none;
	}

	/* Attributes of all other days in popup calendar body. */
.normal-day-style {
	color: black;
	text-decoration: none;
	}

	/* Attributes of border around selected day in popup calendar body. */
.selected-day-style {
	border-style: solid;
	border-width: 1px; 
	border-color: #a0a0a0;
	color: #2f2118;
	font-weight: bold;
	}

	/* Default attributes of designated holidays. */
.holiday-style {
	background-color: #FFDDDD;
	}

	/* Attributes of today display at bottom on calendar */
.today-style {
	padding: 0px;
	color:Black;
	background-color: #A78D58;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	}

	/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
	background-color: #2f2118; 
	padding: 0px;
	}


.TimeDropDown {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: #000;	
	}

/* start Page catering css ------------------------------------*/
.G1_bderBot{ border-bottom:1px dotted #7a762f; padding-bottom:10px; padding-top:10px;}
.G2_img img { border:1px solid #797979; padding:2px;}
.amzn_wdgt_pad{width:596px;}
.footer a{ color:#3A3A3A !important; text-decoration:none}
.footer a:hover{ color: #D51A23 !important;text-decoration:none}