/* Company of Cooks */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.5em;
	text-align: left;
	color: #000; background-color: #e5e5e5;
	margin: 0; padding: 0; }

/* global anchor styles */
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; color: #888; }

/* misc. global styles */
img { border: none; }
h1,h2,h3, h4, h5 { margin: 0; padding: 0 0 5px 0;  }
h4 { padding: 10px 0 0 0; }
p { margin: 0; padding: 0 0 15px 0; }

hr { border: none; height: 2px; background: transparent url(../images/horz_sep.gif) 0 2px repeat-x; padding: 0 0 15px 0; }

/* style for blankwin */
a.external{
	position: relative; padding-right: 12px;
	background:url(../images/ico_external.gif) no-repeat 100% 50%; }

form,
fieldset { margin: 0; padding: 0; border: none; }
.clear { clear: both; }
	
	
/* main wrapper */
#wrapper { position: relative; width: 980px; margin: 10px auto 0 auto; background: #fff; }

/* header container */
#header { width: 100%; height: 94px; position: relative; }

#header #skip { display: none; }

#header h1 { 
	position: absolute; 
	top: 30px; left: 15px; height: 49px; width: 169px;
	margin: 0; padding: 0; text-indent: -9999px; 
	background: transparent url(../images/coc_logo.gif) 0 0 no-repeat; }

#home #header h1 { display: none; }

#header h1 a { 
	position: absolute; display: block; top: 0; left: 0; width: 169px; height: 49px; }

/* news-bites carousel container */
#header .carouselContainer { position: absolute; right: 0; top: 10px; width: 301px; height: 74px; }
#header .carouselContainer ul li { 
	display: block; padding: 5px 0 5px 0; font-size: 0.9em; line-height: 1em;
	background: transparent url(../images/vert_sep.gif) 50% 0 repeat-y; }
#header .carouselContainer ul li p { padding: 0; margin: 0; }
#header .carouselContainer ul li div.left { float: left; width: 130px; padding: 0 10px 0 10px; }
#header .carouselContainer ul li div.right { float: right; width: 130px; padding: 0 10px 0 10px; }


/* main menu container */
#mainMenu {
	position: relative; height: 30px; width: 980px; }
	
#mainMenu ul,
#mainMenu ul li { display: block; padding: 0; margin: 0; list-style: none; position: relative; }
#mainMenu ul li { display: block; float: left; }

#mainMenu ul li a { 
	position: relative;
	display: block; float: left; height: 30px; text-indent: -9999px;
	background: transparent url(../images/main_menu4.gif) 0 0 no-repeat; } 

#mainMenu ul li.home a { background-position: 0 -30px; width: 105px; }
#mainMenu ul li.home a:hover { background-position: 0 0; }
#mainMenu ul li.home a.active { background-position: 0 0; }


#mainMenu ul li.aboutUs a { background-position: 0 -30px; width: 105px; }
#mainMenu ul li.aboutUs a:hover { background-position: 0 0; }
#mainMenu ul li.aboutUs a.active { background-position: 0 0; }

#mainMenu ul li.locations a { background-position: -105px -30px; width: 115px; }
#mainMenu ul li.locations a:hover { background-position: -105px 0; }
#mainMenu ul li.locations a.active { background-position: -105px 0; }

#mainMenu ul li.corporateEvents a { background-position: -220px -30px; width: 170px; }
#mainMenu ul li.corporateEvents a:hover { background-position: -220px 0; }
#mainMenu ul li.corporateEvents a.active { background-position: -220px 0; }

#mainMenu ul li.privateFunctions a { background-position: -390px -30px; width: 146px; }
#mainMenu ul li.privateFunctions a:hover { background-position: -390px 0; }
#mainMenu ul li.privateFunctions a.active { background-position: -390px 0; }

#mainMenu ul li.landlords a { background-position: -536px -30px; width: 116px; }
#mainMenu ul li.landlords a:hover { background-position: -536px 0; }
#mainMenu ul li.landlords a.active { background-position: -536px 0; }

#mainMenu ul li.press a { background-position: -652px -30px; width: 84px; }
#mainMenu ul li.press a:hover { background-position: -652px 0; }
#mainMenu ul li.press a.active { background-position: -652px 0; }

#mainMenu ul li.workForUs a { background-position: -736px -30px; width: 128px; }
#mainMenu ul li.workForUs a:hover { background-position: -736px 0; }
#mainMenu ul li.workForUs a.active { background-position: -736px 0; }

#mainMenu ul li.contactUs a { background-position: -864px -30px; width: 116px; }
#mainMenu ul li.contactUs a:hover { background-position: -864px 0; }
#mainMenu ul li.contactUs a.active { background-position: -864px 0; }


/* content container */
#content {
	position: relative;
	border-top: 30px solid #fff;  
	width: 950px; padding: 0 15px 50px 15px; }

#content .body { 
	position:relative; float: left; width: 760px; 
	font-size: 1.2em; padding: 0 0 0 15px; }

/*
#content .body h5 { color: #a7a7a7; font-size: 2em; line-height: 1.1em; }
#content .body h2 { font-size: 1.1em; line-height: 1.1em; padding-bottom: 20px; } 
*/
#content .body h5 { color: #a7a7a7; font-size: 2em; line-height: 1.1em; }
#content .body h2 { font-size: 1.3em; line-height: 1.1em; padding-bottom: 20px; } 


#content blockquote { margin: 20px 0 20px 0; padding: 0; color: #7f7f7f; font-size: 0.9em; }
#content blockquote p { margin: 0; padding: 0; }

/* pdf container */
#content .pdf { position: relative; }
#content .pdf a { 
	display: block; text-indent: -9999px; width: 426px; height: 73px; 
	background: transparent url(../images/pdf.gif) 0 0 no-repeat; }

/* image containers */
#siteMap #content .imageContainer,
#press #content .imageContainer,
#corporateEvents #content .imageContainer,
#aboutUs #content .imageContainer,
#landlords #content .imageContainer,
#home #content .imageContainer,
#contactUs #content .imageContainer { position:relative; float: right; width: 320px; }

/* body containers */
#siteMap #content .body,
#aboutUs #content .body,
#press #content .body,
#corporateEvents #content .body,
#landlords #content .body,
#home #content .body,
#contactUs #content .body { 
	position:relative; float: left; width: 615px;
	font-size: 1.3em; padding: 15px 0 0 0; }

#siteMap #content .body,
#aboutUs #content .body,
#press #content .body,
#corporateEvents #content .body,
#landlords #content .body,
#contactUs #content .body { font-size: 1.2em; }

#home #content .body h5,
#contactUs #content .body h5 { width: 55%; color: #a7a7a7; font-size: 3em; line-height: 1.1em; } 


/* local menu container */
#content .localMenu { position: relative; float: left; width: 160px; padding: 15px 0 0 15px; font-size: 1.2em; }
#content .localMenu ul,
#content .localMenu ul li { margin: 0; padding: 0; list-style: none; display: block; }
#content .localMenu ul li a { font-weight: bold; text-decoration: none; }
#content .localMenu ul li a.active,
#content .localMenu ul li a:hover { color: #7f7f7f; text-decoration: underline; }


/* private functions / locations specific */
#content { background: transparent url(../images/faux_column.gif) 0 0 repeat-y; } 

/*

added below for floating content around the logo image

*/
#content h2.image { float: left; padding: 0 10px 5px 0; }
#content h2.image span { display: none; }
#content h2.text span { display: inline; }

#content .left { position: relative; width: 426px; float: left; }
#content .right { position: relative; width: 320px; float: right; }
#content .right img { display: block; width: 320px; }
#content .row { position: relative; }
#content .row .clear {
	display: block; width: 760px; height: 2px;
	background: transparent url(../images/horz_sep.gif) 0 50% repeat-x; padding: 15px 0 15px 0 } 
#content .last .clear { background: none; }

/*
#locations #content .row .clear { padding-top: 0; background-position: 0 0; } 
#locations #content .right img { padding-bottom: 15px; }
*/

#content .row ul { margin-bottom: 17px; }

#siteMap #content,
#aboutUs #content,
#press #content,
#corporateEvents #content,
#landlords #content,
#home #content,
#contactUs #content { background: none; }

#press #content .pressList,
#corporateEvents #content .row,
#landlords #content .row { background: transparent url(../images/horz_sep.gif) 0 15px repeat-x; padding: 30px 0 0 0; }


/* form styles  */
#content .forms { position: relative; padding: 0; }
#content .forms h4 { color: #000; font-weight: normal; }
#content .forms fieldset { padding: 0; margin: 0; border: 0; }
#content .forms label { 
	color: #000; display: block; 
	clear: left; float: left; 
	width: 210px; font-weight: normal; padding: 6px 8px 10px 0; } 


#content .forms .captcha {  display: block; width: 615px;  background-image: none; }
#workForUs #content .forms .captcha { width: 426px; }

#content .forms .captcha label span { display: inline; width: auto; padding: 0; }
#content .forms .captcha img { border: 1px solid #888; }
#content .forms .captcha input { margin-left: 218px; width: 100px; }
#content .forms .captcha span { padding-left: 218px; display: block; font-size: 0.9em; color: #444; }

#content .forms .captcha label span,
#content .forms label span { color: #7f7f7f; font-weight: bold; }

#workForUs #content .forms em,
#content .forms label em { padding: 15px 0 0 0; font-style: normal; font-size: 0.8em; display: block; }
#workForUs #content .forms em,
#content .forms label em span { padding-right: 5px; }

#workForUs #content .forms em { padding: 0 0 15px 0; }

#content .forms select,
#content .forms textarea,
#content .forms input { margin: 6px 0 10px 0; width: 180px; }
#content .forms textarea { width: 360px; }
#content .forms input { margin-right: 100px; }

#workForUs #content .forms input { width: 180px; margin-right: 0; }
#workForUs #content .forms textarea { width: 180px; }

/* revised clearing method */
#content .forms .select { padding: 6px 0 10px 0; overflow: auto; width: 100%; }

#content .forms .checkboxes { float: left; width: 390px; padding: 6px 0 10px 0; overflow: auto;  }
#content .forms .checkboxes div { width: 200px; float: left; }

#content .forms .checkboxes div span { display: block; float: left; width: 180px; padding: 0 0 2px 5px; }
#content .forms .checkboxes div input { display: block; float: left; width: auto; }

#content .forms input#submit,
#content .forms input#reset,
#content .forms input#cancel,
#content .forms input#close { width: auto; }


#content .contactDetails { 
	position: relative; width: 615px;
	background: transparent url(../images/horz_sep.gif) 0 13px repeat-x; padding: 15px 0 0 0; }
#content .contactDetails .address { 
	position: relative;
	background: transparent url(../images/horz_sep.gif) 0 10px repeat-x; padding: 15px 0 0 0;
}

#content .contactDetails .first { background: none; }

#content .contactDetails .left { width: 210px; float: left; }
#content .contactDetails .right { width: 390px; float: right; }
#content .contactDetails address { font-style: normal;}
#content .contactDetails p { padding-bottom: 10px; }


/* press list */
#content .pressList { position: relative; }

#content .pressList dl,
#content .pressList dl dt,
#content .pressList dl dd { margin: 0; padding: 0; position: relative; font-size: 1em; }


#content .pressList dl { padding: 0 0 20px 0; width: 100%; overflow: hidden; }

#content .pressList dl dt { width: 24px; padding-right: 15px; float: left; }
#content .pressList dl dd { width: 500px; float: right; }

#content .pressList dl dd h4 { padding: 0; font-size: 1.15em; }

/* press detail modal dialogue container */
#pressDetail { background: #fff; }
#pressDetail .content { position: relative; width: 610px; }
#pressDetail .content h1 { font-size: 1.2em; }
#pressDetail .content .left { width: 231px; float: left; }
#pressDetail .content .right { font-size: 1.2em; border-top: 20px solid #fff; width: 355px; padding-right: 5px; float: right; overflow: auto; height: 520px; }


/* user feedback boxes */
#content .body .error,
#content .body .info,
#content .body .success {
	border-bottom: 4px solid #fff;
	font-weight: bold; line-height: 20px; 
	margin: 5px 0 15px 0; padding: 10px 5px 10px 35px; }
	
/* error message */
#content .body .error {
	border-color: #ecc;
	background: #fee url(../images/error.gif) 10px 10px no-repeat;  color: #922; }

/* success message */
#content .body .success {
	border-color: #be8;
	background: #dfa url(../images/success.gif) 10px 10px no-repeat; color: #292; }

/* info message */
#content .body .info {
	border-color: #cce;
	background: #eef url(../images/info.gif) 10px 10px no-repeat; color: #247; }



/* sitemap styles */
#content .siteMap { position: relative; }

#content .siteMap ul { margin: 0 0 10px 10px; }
#content .siteMap ul li { list-style:square; line-height: 1.2em; }
#content .siteMap ul li ul { margin-left: 0; }
#content .siteMap ul li ul li { list-style:square; }
#content .siteMap ul li a { color: #000; text-decoration: none; font-size: 1.1em; font-weight: bold;}
#content .siteMap ul li ul li a { font-size: 1.0em; font-weight: normal; }
#content .siteMap ul li a:hover { text-decoration: underline; }

/* footer styles */
#footer { 
	position: relative;
	border-top: 1px solid #a6a6a6; font-size: 1em; 
	width: 950px; margin: 15px 15px 0 15px; padding: 5px 0 15px 0; }

#footer ul { display: block; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul {  }
#footer ul li {	display: inline; border-right: 1px solid #000; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #000; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#footer ul li a:hover { text-decoration: underline; }

#footer ul.bottom li span,
#footer ul.bottom li a { color: #000; }
#footer ul.bottom li { border-right-color: #000; }

#footer a.external,
#header .carouselContainer a.external { background-image: none !important; padding-right: 0 !important; }

/*
 New styles for re-designed home page; added at the end to over-ride previosuly defined styles; 
*/
#home #content {
	border-top: 10px solid #fff;  
	width: 950px; padding: 0 15px 0 15px; }
#home #content .body { width: 950px; height: 511px; overflow: hidden; padding: 0; float: none;  color: #fff; }

#home #content .body h2 { position: absolute; top: 130px; left: 20px; width: 25%; font-size: 1.9em; }
#home #content .body h3 { position: absolute; bottom: 20px; right: 20px; font-size: 1.5em; line-height: 1.1em; }
#home #content .body div { position: absolute; bottom: 20px; left: 20px; width: 25%; }
/*#home #content .body div p { font-weight: bold; padding: 0 0 15px 0; margin: 0; font-size: 1.05em; }*/
#home #content .body div p { font-weight: bold; padding: 0 0 15px 0; margin: -5px 0 0 0; font-size: 1.05em; }
#home #content .body a { color: #fff; }
#home #content .body a:hover { color: #ccc; }

#locations #wrapper #content h3 { margin: 0 0 10px 0; color: #666;}

/* RoH
---------------------------------------------------*/
#mainMenuROH { position: relative; height: 30px; width: 980px; background: transparent url(/default/images/main_menu-bg.gif) 0 -30px no-repeat; }
#mainMenuROH ul,
#mainMenuROH ul li { display: block; padding: 0; margin: 0; list-style: none; position: relative; }
#mainMenuROH ul li { display: block; float: left; }

#mainMenuROH ul li a { float: left; position: relative; display: block; height: 30px; color: #fff; padding: 5px 20px 0 20px; text-decoration: none; background: transparent url(/default/images/main_menu-bg-sm-on.gif) top right no-repeat; font-weight: bold; font-size: 1.15em; } 
#mainMenuROH ul li a:hover { color: #000; background: transparent url(/default/images/main_menu-bg-sm.gif) top right no-repeat; }
#mainMenuROH ul li a.active { color: #000; background: transparent url(/default/images/main_menu-bg-sm.gif) top right no-repeat; }

#landlords #wrapper #content .body  h3 { margin: 0 0 10px 0; padding: 0; }
#landlords #wrapper #content .body  ul { margin-top: 0; }


/* IWM - Home page banner link - temporary */
h3#specialLink { display: block; margin: 0 -20px 0 0; padding: 0; top: 0; width: 360px; height: 507px; } 
h3#specialLink a { display: block; margin: 0; padding: 0; top: 0; width: 360px; height: 507px; } 
h3#specialLink a span { display: none; }
/* youtube embed */
#yTube { margin: -30px 0 0 0; }
#location29 { display: block; margin: 15px 0 20px 0; }


.body ul { padding: 0; margin: 0 0 0 40px; }
.body ul li { padding: 0; margin: 0; }
.body table ul { margin: 0 0 0 20px; }