/*-------------------------+
 | Site: Charlie Trotter's |
 | Part: Master stylesheet |
 +-------------------------*/

/* Imports
=====================================================================*/
@import "reset.css";  /* Reset styles */
@import "ie.css";  /* Internet Explorer */


/* Fonts
======================================================================*/
h1, #content-tertiary h3, .locs, #nav-secondary { font-family: Georgia, "Times New Roman", Times, serif; }
body, input, select, textarea { font-family: Verdana, Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #006a8e; }
a:hover { text-decoration: none; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.629em; }
blockquote p { margin: 0; }

body {
	background: #014760 url(../images/bg-page.gif) repeat-x 0 144px;
	border-top: 5px solid #008dbd;
	font-size: 0.75em;
	line-height: 1.629em;
	padding-bottom: 2em;
	text-align: center;
}

cite, em { font-style: italic; }
fieldset { border: 1px solid #cddae1; margin-bottom: 2em; padding: 1em 1.5em; }
form { font-size: 0.9em; }
h1 { font-size: 1.629em; font-weight: normal; line-height: 1.318; margin-bottom: 0.5em; }
h2 { font-size: 1.2em; }
h2 span { margin-left: 0.3em; }
hr { border-bottom: 1px dotted #66b9d7; border-width: 0 0 1px; clear: both; color: #fff; margin: 1.5em 0; }
h3, strong { font-weight: bold; }
legend { font-size: 1.4em; font-weight: bold; margin: 0 0 0 -0.75em; padding: 0 0.75em 0.1em; }
legend em { color: #7a8a95; font-size: 0.9em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
ol { list-style: decimal; }
ol, ul { margin-left: 1.5em; }
td { vertical-align: top; }
table { border-collapse: collapse; width: 100%; }
td { vertical-align: top; }
th { vertical-align: bottom; }
ul { list-style: square; }

/* Core layout
======================================================================*/
.clear { clear: both; }
#content, #footer, #header-content, #nav ul, #splash #header { margin: 0 auto; text-align: left; width: 920px; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*--- Content ---*/
#content { background: #fff url(../images/bg-content.gif) repeat-y 25% 0; }
#content-primary-secondary, #content-tertiary { padding-top: 15px; }
#content-primary, #content-secondary, #content-tertiary { min-height: 300px; padding-bottom: 2em; }
#content-primary { float: left; width: 76.1%; }
#content-primary-secondary { float: right; margin-right: 1.5%; width: 71.7%; }
#content-secondary { float: right; width: 21.1%; }
#content-tertiary { float: left; margin-left: 1.5%; width: 21.7%; }

/*--- Full layout (no secondary content ) ---*/
#full #content-primary, #full #content-secondary { clear: both; float: none; width: 90%; }

/*--- Header ---*/
#header { background: #fff; padding: 12px 1em 4px; }

/*--- Navigation ---*/
#nav { background: #008dbd; border-bottom: 4px solid #fff; padding: 0.45em 1em 0.65em; }

/*--- Subfooter ---*/
#subfooter { background: #daeef6; clear: both; height: 1%; padding: 1em 1.5%; }


/* Content
======================================================================*/
.skip { left: -999em; position: absolute; top: -999em; }

/*--- Banner photos ---*/
#banner { background: #fff; float: left; padding: 0 0 4px 4px; white-space: nowrap; }
#banner img { float: left; margin-right: 4px; }

/*--- Calendar ---*/
#calendar .date { width: 10%; }
#calendar p { margin: 0; }
#calendar th { font-weight: bold; padding-top: 1em; }
#calendar td { padding: 0.5em 0; }

/*--- Callouts ---*/
div.call-l, img.call-l { clear: left; }
div.call-l, div.call-r { width: 17em; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call-l, .call-r { color: #7f8183; }
.call-l img, .call-r img { display: block; }
.call-l img.icon, .call-r img.icon { display: inline; }
.call-l p, .call-r p { margin-bottom: 0.5em; }

/*--- Email obfuscation ---*/
.email-link { direction: rtl; unicode-bidi: bidi-override; }

.smallLink { font-size: 0.8em; }

/*--- Footer ---*/
#footer { font-size: 0.9em; padding-top: 0.5em; }
#footer, #footer a { color: #cbe0e8; }

/*--- Forms ---*/
.check { display: none; }
.form { font-size: 1em; line-height: 1.4; margin: 0; }
.form .c2l, .form .c2r { margin-bottom: 0; }
.form .mute { font-size: 0.9em; }
.form p { margin-bottom: 0.5em; }
.form table td, .form table th { font-size: 1em; }
.form td, .form th { border: 0; padding: 0.5em 0; }
.form th { font-weight: normal; padding: 0.7em 2% 0.5em 0; text-align: right; vertical-align: top; width: 25%; }

	/* Alerts */
	.alert { color: #e30013; }
	
	div.alert {
		background: #ffd4d4 url(../images/admin/notify-alert.gif) no-repeat 10px 0.5em;
		border: 3px solid #dd9898;
		color: #000;
		margin-bottom: 1em;
		padding: 0.5em 1em 0 43px;
	}
	
	div.alert h6 { font-weight: normal; margin-bottom: 0.5em; }
	div.alert li { background: none; padding: 0; }
	div.alert ul { list-style: disc outside; margin-left: 2em; }
	
		/* Alerts */
		.alert { color: #e30013; }
		div.alert { background: #ffd4d4 url(../images/admin/notify-alert.gif) no-repeat 10px 0.5em; border: 3px solid #dd9898; }
	
	/* Buttons */
	.btn { overflow: visible; margin-right: 0.5em; padding: 0.1em 0.6em 0.2em; }
	.btns { margin: 1.5em 0 1.5em 27%; }
	.content-secondary .btn, .highlights .btn { font-size: 1em; }
	
	/* Cart */
	.cart { line-height: 1.5; }
	.cart .btn, .cart .mute { font-size: 0.9em; }
	.cart .price { background: #ecf7fa; text-align: right; padding-left: 1em; }
	.cart p, .cart ul { margin: 0; }
	.cart tbody td { border-top: solid 1px #daeef6;}
	.cart td, .cart th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
	.cart .total td { border-top: 3px double #006a8e; }
	.cart th { background: none; }
	.cart th .mute { font-weight: normal; }
	.cart thead th { border-bottom: double 3px #006a8e; font-size: 1em; font-weight: bold; }
	.cart-options { float: right; text-align: right; }
	#col-qty, #col-remove { width: 8%; }
	#col-price { width: 10%; }
	.num, .num input { text-align: right; }
	
	/* Checklists */
	.checklist {
		border: 1px solid #ccc;
		max-height: 20em;
		line-height: 1.4;
		margin-bottom: 1em;
		overflow: auto;
	}
	
	.checklist input { margin-bottom: 1px; }
	.checklist label { display: block; padding: 0.1em 0 0.1em 25px; height: 1%; text-indent: -25px; }
	.checklist li { background: none; display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
	.checklist li p { margin: 0; padding: 1em 0 0; }
	.checklist li ul { margin: 0 0 0 2em; }
	.checklist .mute { font-size: 1em; white-space: nowrap; }
	.checklist p { font-weight: bold; margin-bottom: 0.25em; }
	.checklist .selected { background: #ffa; }
	.checklist ul { margin-bottom: 1em; }
	.form .checklist { margin-top: 0.5em; position: relative; width: 97%; }
	
	/* Name fields */
	.c-name-first, .c-name-last { width: 42%; }
	.c-name-middle { width: 7%; }
	.c-name-first label, .c-name-last label, .c-name-middle label { display: block; }
	
	/* Options */
	.form .options-h { margin: 0; }
	.options-h, .options-v { list-style: none; margin-left: 0; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
	.options-h li, .options-v li { background: none; height: 1%; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v li p { margin: 0; text-indent: 0; }
	
	/* Text boxes */
	.c2l .txt, .c2r .txt, .c3l .txt, .c3m .txt, .c3r .txt { position: relative; width: 95%; }
	textarea.txt { font-size: 1em; padding: 0; }
	.txt { width: 98%; }
	.txt, .txt-sm, .txt-med, .txt-tiny { padding: 0.2em; }
	.txt-med { margin-right: 1em; width: 47%; }
	.txt-sm { width: 7em; }
	.txt-tiny { width: 3em; }

/*--- Galleries ---*/
.gallery { font-size: 0.9em; line-height: 1.4; list-style: none; margin-left: 0; }
.gallery img { height: 125px; vertical-align: middle; width: 125px; }
.gallery li { float: left; height: 17.5em; margin-right: 10px; text-align: middle; width: 23%; }
.gallery p { margin: 0; }
.gallery span { display: inline-block; height: 100%; vertical-align: middle; }
.gallery .thumb { display: table-cell; height: 125px; vertical-align: middle; width: 125px; }

/*--- Header ---*/
#logo { float: left; margin: 0 7px 0 27px; }

/*--- Icons ---*/
img.icon, img.file-icon { border: 0; margin: 0 0.3em -3px 0; padding: 0; }

/*--- Location lists ---*/
.locs { font-size: 1.2em; line-height: 1.3; list-style: none; margin: 0; }
.locs a { text-decoration: none; }
.locs a:hover, .locs .current a:hover { color: #7fb3c5; }
.locs a:hover em, .locs .current a:hover em { color: #bdd9e2; }
.locs .current a { color: #d43a27; }
.locs .current em { color: #e9998f; }
.locs li { float: left; text-align: center; }
.locs em { color: #7fb3c5; display: block; font-size: 0.6em; font-style: normal; letter-spacing: 0.125em; text-transform: uppercase; }

	/* In header */
	#header .locs { font-size: 1.4em; }
	#header .locs a { display: block; padding: 23px 2.2em; }
	
	/* In subfooter */
	#subfooter .locs { font-size: 1.3em; }
	#subfooter .locs a { display: block; padding: 17px 2.8em; }

/*--- Menus ---*/
.menu { border: 1px solid #ccc; font-style: italic; margin: 0 auto; padding: 2em 3em; text-align: center; width: 60%; }
.menu p { margin-bottom: 0.5em; }
.menu h2 { font-style: normal; font-weight: bold; margin: 1em 0; }

/*--- Muted text ---*/
.info, .mute, .info a, .mute a { color: #7f8183; }
h2 .info, h2 .mute { font-size: 0.7em; }
p.info, p.mute { font-size: 0.8em; margin-bottom: 0.5em; }
table .info, table .mute { font-size: 1em; }

/*--- Navigation ---*/
#nav, #nav a, #nav strong a { color: #fff; }
#nav a { color: #cbe7f2; }
#nav li { display: inline; border-right: 1px solid #53b0d2; margin-right: 0.5em; padding-right: 0.5em; }
#nav li.last { border: 0; margin: 0; padding: 0; }
#nav strong { font-weight: normal; }
#nav ul { margin-bottom: 0; text-align: center; }

	/* Secondary navigation */
	#nav-secondary { font-size: 1.333em; line-height: 1.222; list-style: none; margin-left: 0; }
	#nav-secondary a { text-decoration: none; }
	#nav-secondary a:hover { text-decoration: underline; }
	#nav-secondary h4 { font-size: 0.7em; text-transform: uppercase; }
	#nav-secondary li { margin-bottom: 0.5em; }
	#nav-secondary li li { background: url(../images/bullet-nav.gif) no-repeat 0 0.45em; font-size: 0.75em; margin-bottom: 0.25em; padding-left: 13px; }
	#nav-secondary li ul { border-bottom: 1px dotted #66b9d7; list-style: none; margin: 0.4em 0 0.5em; padding-bottom: 0.5em; }

/*--- Products ---*/
p.price { font-size: 1.4em; font-weight: bold; margin-bottom: 0.5em; }

#product-details {
	border: 1px solid #ddd;
	float: left;
	font-size: 0.9em;
	line-height: 1.5;
	margin: 0 2em 1em 0;
	padding: 1em;
	width: 45%;
}

#product-details p { margin-bottom: 0.5em; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.9em; }
#content-secondary h3 { font-weight: normal; }

/*--- Splash page---*/
#splash #ribbon { border: 0px #f00 solid; width: 140px; float:left; padding: 100px 0 0 0;}
#splash #flashdiv { border: 0px #0f0 solid; width:480px; height:400px; float:left; }
#splash #ribbon p { text-decoration: underline; line-height: 10px; color: #D0D1D3; padding: 5px 0 0;}
#splash #content-splash {border: 0px #00f solid; width: 760px; margin: 0 auto; }

#splash { background: #2d2d2d; border: 0; }
#splash * { color: #7f8183; text-align: center; }
#splash #content { background: #000; border: 1px solid #434344; border-width: 1px 0; margin-bottom: 1em; padding: 1em 0; width: 100%; text-align: center;}

	/* Footer */
	#splash #footer { font-size: 1.1em; }
	#splash #nav-footer { border: 0; margin-bottom: 0.5em; padding: 0; }
	#splash #nav-footer a { color: #d0d1d3; }
	#splash #nav-footer li { border-color: #7f8183; }
	
	/* Header */
	#splash h1 { background: url(../images/charlie-trotters.gif) no-repeat 0 0; height: 43px; margin: 0.7em auto 0; text-indent: -9999em; width: 303px; }
	#splash #header { background: none; padding-bottom: 1em; }
	#splash .locs { padding: 0 5em 0; margin-left: 12em;}
	#splash .locs a { color: #fff; padding: 68px 0 0; }
	#splash .locs a em { color: #d0d1d3; }
	#splash .locs img { display: block; margin: 0 auto; }
	#splash .locs li { font-size: 1.05em; width: 10em; }
	
		/* Logos */
		#loc-bar-charlie { background: url(../images/logo-bar-charlie-home.gif) no-repeat 50% 22px; }
		#loc-charlie-trotters { background: url(../images/logo-charlie-trotters-home.gif) no-repeat 50% 22px; }
		#loc-restuarant-charlie { background: url(../images/logo-restaurant-charlie-home.gif) no-repeat 50% 22px; }
		#loc-togo { background: url(../images/logo-togo-home.gif) no-repeat 50% 22px; }

/*--- Subfooter ---*/
#logo-subfooter { float: left; margin: 0 7px 0 0; }
#nav-footer { border-top: 1px dotted #66b9d7; clear: both; font-size: 0.9em; height: 1%; margin-bottom: 0; padding-top: 1em; text-align: center; }
#nav-footer li { display: inline; border-right: 1px solid #3688a3; margin-right: 0.5em; padding-right: 0.5em; }
#nav-footer li.last { border: 0; margin: 0; padding: 0; }
#nav-footer strong { font-weight: normal; }
#subfooter p { margin: 0; }

/*--- Tables ---*/
.num { text-align: right; }

/*--- Tertiary content ---*/
#content-tertiary h3 { font-size: 1.3em; line-height: 1.1; margin-bottom: 0.5em; }
#content-tertiary hr { color: #ecf7fa; }

	/* Location list */
	#content-tertiary .locs { font-size: 0.9em; font-weight: bold; }
	#content-tertiary .locs em { display: block; font-size: 1em; font-weight: normal; letter-spacing: 0; }
	#content-tertiary .locs li { float: none; margin-bottom: 1em; text-align: left; }

/*--- Total box ---*/
#total-box { background: #ecf7fa; border: 5px solid #daeef6; padding: 1em; width: 43%; }
#total-box table { margin: 0; }

/*--- Tours ---*/
#tour { font-size: 0.9em; line-height: 1.5; }
#tour h2 { font-weight: bold; }
#tour img { float: right; margin-left: 0.5em; }
#tour-nav a { border: 1px solid #ccc; font-weight: bold; margin: 0.3em; padding: 0.1em 0.6em 0.3em; text-decoration: none; }
#tour-nav a:hover { background: #014760; border-color: #014760; color: #fff; }

/*--- Wine tables ---*/
.wine td { padding: 0 1em 0 0; }

/*--- Wizards ---*/
#nav-wizard { color: #666; list-style: none; margin-left: 0; }
#nav-wizard li { background: url(../images/bullet-wizard.gif) no-repeat 100% 50%; display: inline; margin-right: 1em; padding-right: 1.5em; }
#nav-wizard strong { color: #000; }