﻿
body {font-family: Verdana, sans-serif, Arial, Helvetica; font-size:10px; margin:0; padding: 0; background-image:url(images/BackGroundImage.jpg); }

a, p{padding:0px 0px; margin:0px 0px;}
a:link {text-decoration: none; color: #0000C0; background: transparent;}
a:visited {text-decoration: none; color: #0000C0; background: transparent;}
a:active {text-decoration: none; color: #0000C0; background: transparent;}
a:hover {text-decoration: underline; color: #0000C0; background: transparent;}

h2{ text-align:center; color:#0081C5;}
.t1{font-size:12px; color:#000; font-family:Tahoma;}

img { border-style:none; margin:0; padding:0;}

/* Master Page Layout */
#PageOuter {width: 760px; height:auto; min-height:571px; margin: 20px auto auto auto; background-color:#FFF;}
#PageInner {width: 760px; height:auto; margin:auto; background-color:#FFF;}

#Header{ width:760px; height:170px; margin:auto; background-color:#FFF;}
#UpperHeader{width:760px; height:120px;}
#Logo{width:155px; height:119px; float:left;}
#City{float:right; width:586px; height:108px; margin-top:8px; border-bottom: solid 2px #0081C5; background-repeat:no-repeat; background-image:url(images/city.gif);}
#HMenu{width: 571px; height:20px; margin-left:15px;}
/*#HBtn{ border-bottom: solid 2px #0081C5; margin:0 0 0 0;width:760px;height:41px;background:url(images/nav_back.jpg) repeat-x transparent;}*/
.btn{margin:5px 5px 0 0;}
.btn_first{margin:5px 5px 0 10px;}

#Content{ width:760px; height:auto;  background-color:#fff; padding-bottom:5px;}

#Footer{float:left; bottom:0px; width:760px; height:45px; border-top:solid 2px #0081C5; text-align:center; background-color:#fff;}
#Footer span{ line-height:20px;  }
#Footer span a{margin:0 10px 0 10px; color:#000; font-size:14px; font-weight:500; text-decoration:none;}

/*Drop Down Menu Layout*/
#dd {margin: 0 0 0 10px; padding: 0; }
#dd li {margin: 0; padding: 0; list-style: none; float: left;}
#dd li a.menu {display: block; text-align: center; padding:0px 20px 0 2px;  font-family:Arial; font-size:13px; color: #fff; width: auto; text-decoration: none;}
#dd li a.menu:hover {background: ;
}

.submenu {background: #fff; visibility: hidden; position: absolute; width:140px; z-index: 3;}
.submenu a {display: block; font-family:Arial; font-size:12px;
	 text-align: left; text-decoration: none; padding: 5px 5px 5px 5px; color: #000;}
.submenu a:hover {background: #000; color: #fff;}

/*Default Page Layout*/
#signupBox{ position:relative; top:0px; left: 12px; width:235px; height:150px; background-color:#EAEAEA;/*background-image:url(images/SignUp.jpg); background-repeat:no-repeat;*/}
#signupBox a{font-size:11px; color:#5A5A5A; text-decoration:underline; line-height:2; margin-left:5px;}
#signupBox a:hover{color:#0083B8;}

#specialsHeading{margin: 3px;}
.leftSide{position:absolute; width:230px; margin-top:0px;}
.rightSide{float:right; width:500px;}

#register{position:relative; top:110px; left:10px; cursor:pointer; text-decoration:none; color:#FFFFFF; font-size:14px; font-weight:bold;}
#signin{position:relative; top:110px; left:45px; cursor:pointer; text-decoration:none; color:#FFFFFF; font-size:14px; font-weight:bold;}

/* Contact Us */
#InfoGroup { width:190px; height:auto;}
.AddressInfo1 {display:inline;  text-align:left; width:190px; background-color:#fff;}
#UserData {width:540px; float:right;}
.Success { color: Green; font-weight: bold; font-size:14px; text-align: center;}
.Error { color: Red; font-weight: bold; font-size:14px; text-align: center;}
.t1 {font-size: 12px; font-weight: normal; padding:5px 0 0 5px;}

/*Catering Store Layout*/
.CateringStore{width:350px; height:auto; position:relative; display:inline; float:left;}
.Address{position:relative; display:inline-block;  text-align:center; width:350px; height:auto; background-color:#fff;}

/* Interior Layout */
#LeftSide{float: left; width: 190px; height: auto; background-color: #fff; padding:20px 0 0 0; }
#RightSide{float: right; width: 550px; height: auto; background-color: #fff; padding:10px 0 5px 0;  border-left: solid 2px #0081C5;}

/*Rotating Image Styles*/
#RIContent_0{width:488px; height:320px; background-color:#FDFDFD; overflow:hidden; margin: 5px 0px 5px 0px;}
	#loadBar_0{ position:relative; top:110px; left:50px; border:2px solid #639FD5; height:20px; width:200px; padding: 2px 5px 2px 5px;}
		#loadTxt_0{ position:relative; top:-20px; height:20px; width:200px; font-size:16px; text-align:center; color:#CE333D; }
		.FullDot_0{  background-color:#CDE0F0; cursor:default; height:20px; width:20px; display:block; float:left;}
		.EmptyDot_0{ background-color:#FDFDFD; cursor:default; height:20px; width:20px; display:block; float:left;}
#RIcontrols_0{width:100%; position:relative; top:-20px; z-index:999; display:none; font-size:12px; font-weight:600;}
#RILink_1{ position:relative; left:30px; top:10px;}
#RIContent_1{position:relative; top: 200px; width:180px; height:171px; background-color:#FDFDFD; margin:5px 0px 5px 30px; }
	#loadBar_1{ position:relative; top:50px; left:50px; height:10px; width:100px; padding: 2px 5px 2px 5px;}
		#loadTxt_1{ position:relative; top:-12px; height:10px; width:100px; font-size:12px; text-align:center; color:#CE333D; }
		.FullDot_1{  background-color:#CDE0F0; cursor:default; height:10px; width:10px; display:block; float:left;}
		.EmptyDot_1{ background-color:#FDFDFD; cursor:default; height:10px; width:10px; display:block; float:left;}	
#RIcontrols_1{width:85%; position:relative; top:10px; left:20px; z-index:999; display:none; font-size:12px; font-weight:600;}
	/*generic RI styles*/
		.prev{float:left; padding-left:5px; margin-top:-5px;} 
		.next{float:right; padding-right:5px; margin-top:-5px;}
		.arrow{font-size:20px; font-weight:500; display:inline;} 
		.RIcontrols a:link{color:#FBAE16; text-decoration:none;}
		.RIcontrols a:visited{color:#FBAE16; text-decoration:none;}
		.RIcontrols a:active{color:#FBAE16; text-decoration:none;}
		.RIcontrols a:hover{color:#CCCCCC; text-decoration:none;}	
	.IMAGE{display:none;}
	
	/*---------------------------*/
/*--NEW site nav 20111009--*/
/*---------------------------*/


#HBtn
{
	/*border-bottom: solid 2px #0081C5;*/
	margin:0;
	width:760px;
	height:41px;
	background:url(images/nav_back.jpg) repeat-x transparent;
}
#HBtn ul
{
	padding: 0;
	margin: 0 0 0 7px;
	width: 100%;
	
}
#HBtn ul.top li
{
	cursor: hand;
	cursor: pointer;
	list-style-type: none;
	display:block;
	position: relative;
	text-transform: none;
	height:41px;
	background: url(images/nav_brk.png) no-repeat right 0;
	float: left;
}
#HBtn ul.top li:last-child, #HBtn ul.top li.lastlink
{
	background-image:none;
}
#HBtn ul.top li a, #HBtn ul.top li a:visited
{
	color: #FFF;
	display: inline-block;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 12px 0 7px;
    text-align: center;
	text-decoration: none;
	height:14px;
}
#HBtn ul.top li a:hover
{
	color: #FF9;
}

#HBtn ul.drop
{
    display: none;
    left: 5px;
    margin-left: -5px;
    overflow: visible;
    position: absolute;
    top: 41px;
    z-index: 9999;
}
#HBtn ul.drop li
{
	cursor: hand;
	cursor: pointer;
	list-style-type: none;
	overflow: visible;
	text-transform: none;
	width:130px;
	
}
#HBtn ul.drop li a, #HBtn ul.drop li a:visited
{
    background: url("images/nav_back.jpg") repeat-x scroll 0 0 transparent;
    color: #FFF;
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    padding: 12px 7px;
    text-decoration: none;
    white-space: nowrap;
    width: 130px;
}
#HBtn ul.drop li a:hover
{
	color: #FF9;
}
