* {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
     overflow: -moz-scrollbars-vertical;
}

body {
	font-size: small;
	font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	background: #8E001D;
}

h1 {
	display: none;
}

h2 {
	padding: 10px 0 4px 20px;
	color: #FFF;
	font-family: 'Arial','Helvetica',sans-serif;
	font-size: 110%;
	text-transform: uppercase;
}

h4 {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
}

h4 a {
	color: #FFF;
	text-decoration: underline;
}

h5 {
	margin: 0 0 10px 0;
	font-size: 120%;
	font-weight: normal;
	color: #8e001d;
}

p {
	margin: 0 0 10px 0;
	font-size: 95%;
	color: #000;
}

p a {
	color: #8e001d;
}

ul {
	margin: 0 0 10px 15px;
	font-size: 95%;
	color: #000;
}

ul li {
	margin: 0 0 8px 0;
}

img {
	border: none;
}

#headerContainer {
	width: 100%;
	background: url('../images/header_bg.gif') top left repeat-x;
}

#headerContent {
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
}

#headerContent img#mainLogo {
	float: left;
}

#headerContent img#coffeeLogo {
	float: right;
	margin: 10px 0 0 0;
}

#pageContainer {
	width: 100%;
	background: #FFF;
}

#pageContent {
	width: 870px;
	margin: 0 auto;
	min-height: 300px;
	padding: 20px;
	overflow: hidden;
}

#leftColumn {
	float: left;
	width: 435px;
}

#footerContainer{
	clear: both;
	width: 100%;
	background: url('../images/footer_bg.gif') top left repeat-x;
}

#footerContent {
	width: 910px;
	margin: 0 auto;
	color: #FFF;
	text-align: center;
}

#footerContent p {
	clear: both;
	margin: 0 0 5px 0;
	color: #FFF;
	font-size: 90%;
}

#footerContent a {
	color: #FFF;
}

img.bagelImg {
	float: right;
	margin: 0 0 0 20px;
	border: 1px solid #8E001D;
}

p.message {
	width: 870px;
	margin: 0 auto;
	padding: 20px;
	color: #8E001D;
}

/*----------------------------- Main Nav -----------------------------*/

ul#mainNav {
	width: 910px;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

ul#mainNav li {
	float: left;
	width: 130px;
	height: 30px;
	text-align: center;
}

ul#mainNav li a {
	display: block;
	width: 129px;
	height: 24px;
	padding: 6px 0 0 0;
	border-right: 1px solid #FFF;
	color: #FFF;
	font-size: 105%;
	text-decoration: none;
	text-transform: uppercase;
}

ul#mainNav li#noBorder a {
	width: 130px;
	border-right: none;
}

ul#mainNav li a:hover {
	color: #000;
	background: #FFF;
}

/*----------------------------- Index Page Content -----------------------------*/

#promoContainer {
	width: 870px;
	overflow: hidden;
}

#promoContainer img.promoControl {
	float: left;
	margin: 105px 0 0 0;
}

#promoImages {
	float: left;
	width: 800px;
	height: 200px;
	margin: 20px 15px 30px 15px;
	overflow: hidden;
}

#promoImages ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#promoImages li {
	width: 150px;
	height: 200px;
	padding: 0 5px;
}

#promoImages img {
	width: 148px;
	height: 198px;
	border: 1px solid #000;
}

ul#linkNav {
	width: 720px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}

ul#linkNav li {
	float: left;
	width: 160px;
	height: 65px;
	margin: 0 30px;
}

ul#linkNav li#loyalty {
	background: url('../images/bagel_loyalty.gif') top left no-repeat;
}

ul#linkNav li#menu {
	background: url('../images/bagel_menu.gif') top left no-repeat;
}

ul#linkNav li#catering {
	background: url('../images/bagel_catering.gif') top left no-repeat;
}

ul#linkNav li a {
	display: block;
	width: 160px;
	height: 65px;
}

ul#linkNav li a span {
	display: none;
}

/*----------------------------- Page Content -----------------------------*/

ul#contentList {
	margin: 20px 0 0 0;
	list-style-image: url('../images/black_bullet.png');
	overflow: hidden;
}

ul#contentList li {
	margin: 0 20px 0 20px;
}

ul#contentList li a {
	font-size: 120%;
	color: #000;
	text-decoration: none;
}

/*----------------------------- Application + Franchise Form -----------------------------*/

form#applicationForm {
	width: 802px;
	margin: 0 auto 20px auto;
	background: #FFF;
	font-size: 85%;
	overflow: hidden;
}

form#franchiseForm {
	float: right;
	width: 382px;
	padding: 10px 20px;
	border: 1px solid #8E001D;
	background: #FFF;
	font-size: 85%;
	overflow: hidden;
}

form#applicationForm fieldset {
	margin: 10px 0;
	padding: 20px 20px 10px 20px;
	border: 1px solid #8E001D;
}

form#applicationForm fieldset .leftColumn,
form#applicationForm fieldset .rightColumn {
	float: left;
	width: 380px;
}

form#applicationForm dl,
form#franchiseForm dl {
	clear: both;
	margin: 0 0 10px 0;
	overflow: hidden;
}

form#franchiseForm dt {
	float: left;
	width: 130px;
	margin: 0 20px 0 0;
	padding: 4px 0 0 0;
}

form#franchiseForm dd {
	float: right;
}

form#applicationForm dl dt,
form#franchiseForm dl dt {
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 105%;
}

form#applicationForm dl dd input.text {
	width: 300px;
	height: 22px;
	border: 1px solid #666;
}

form#franchiseForm dl dd input.text {
	width: 228px;
	height: 22px;
	border: 1px solid #666;
}

form#applicationForm dl dd.textSmall {
	overflow: hidden;
}

form#applicationForm dl dd.textSmall input {
	float: left;
	width: 50px;
	height: 22px;
	margin: 0 5px 0 0;
	border: 1px solid #666;
}

form#applicationForm dl dd.textSmall label {
	float: left;
	margin: 5px 5px 0 0;
}

form#applicationForm dl dd.radio {
	height: 18px;
	padding: 6px 0 0 0;
	_padding: 8px 0 0 0;
	overflow: hidden;
}

form#applicationForm dl dd.radio input.radio,
form#applicationForm dl dd.radio label {
	float: left;
}

form#applicationForm dl dd.radio input.radio {
	margin: 0 5px 0 0;
	_margin: -3px 5px 0 0;
}

form#applicationForm dl dd.radio label {
	margin: 0 10px 0 0;
}

form#applicationForm dl dd textarea {
	width: 758px;
	height: 100px;
	border: 1px solid #666;
}

form#applicationForm fieldset#employment textarea {
	width: 300px;
	height: 100px;
}

form#applicationForm table {
	width: 760px;
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 100%;
}

form#applicationForm table th, 
form#applicationForm table td {
	padding: 0 0 5px 0;
}

form#applicationForm table input.text {
	width: 50px;
	height: 22px;
	border: 1px solid #666;
}

form#applicationForm table .leftCell {
	text-align: left;
}

form#applicationForm input.button,
form#franchiseForm input.button {
	float: right;
}	

form#franchiseForm input.button {
	margin: 10px 0 0 0;
}

/*------------------------------------- Stores Page -------------------------------------*/

#ukStores {
	float: left;
	width: 435px;
    list-style: none;
}

#ukStores ul ul {
    display: none;
}

#ukStores a {
    text-decoration: none;
    color: #8E001D;
}

#ukStores h4 a {
	color: #000;
}

#ukStores h4 span {
	font-size: 80%;
	text-transform: none;
}

#ukStores a:hover {
    text-decoration: underline;
}

#storeDetails {
	float: left;
}

#storeDetails #map {
    width: 400px;
    height: 300px;
    margin: 10px 0 20px 0;
	border: 1px solid #8E001D;
}

/*------------------------------------- Simple Modal -------------------------------------*/

#simplemodal-overlay {
  background-color:#000;
  cursor:wait;
}

#simplemodal-container {
    height:400px;
    width:600px;
    background: #FFF;
    border: 2px solid #8E001D;
    padding: 1em;
/*     overflow: auto; */
}

#simplemodal-container div.simplemodal-data {
    margin: 2em 0 0 0;
    height: 350px;
    overflow: auto;
}

#simplemodal-container a.modalCloseImg {
    background: url('../images/button_close.gif') no-repeat center center;
    width: 20px;
    height: 20px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}