/* ---------------------------------------------
	STRADA.CSS
	
	Dove Grey - #e9e7d9
	Strada red - #b31f24 (hovered - #6b0408)
	'Off' white - #fafaf6

-----------------------------------------------*/


@import url(/assets/global/styles/reset.css);


/* ---------------------------------------------

	GENERIC
	
-----------------------------------------------*/

html {
	overflow-y: scroll;
}

body {
	background: #e9e7d9 url(/assets/strada/images/template/page-back.jpg);
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #646462;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
}

.dsq-tooltip-inner,.dsq-tooltip-outer {
 	text-shadow: none !important;
 	
}

p {
	line-height:18px;
	margin-bottom: 14px;
}

p.intro {
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
}

a {
	color:#b31f24;
	text-decoration:none;
}

#content h3 a:hover,
#content p a:hover,
#content ul.tweet_list a:hover,
#content #faq dt a:hover{
	border-bottom:1px dotted #cd565a;
}

header, footer, section, nav, article, aside {
    display: block;
}

h1, h2, h3 {
	text-transform:uppercase;
}

h2,
h1.title {
	font-size:22px;
}

h3 {
	font-size:18px;
}

#facebook {
	position:absolute;
	right:10px;
	top:40px;
	width:74px;
	height:21px;
	z-index:10;
}

#facebook iframe,
iframe.facebook {
	width: 74px;
	height: 21px;
	border: none;
	overflow: hidden !important;
}

ul.bulleted {
	margin-bottom:15px;
}

ul.bulleted li {
	padding-left:16px;
	margin-bottom:10px;
	background:url(/assets/strada/images/template/bullet.gif) 0 4px no-repeat;
}

ul.bulleted li:last-child {
	margin-bottom:0;
}

.highlight {
	font-weight: bold;
	color: #b4171e;
}

.important {
	border: 1px solid #ea676b;
	padding: 10px;
}

/* --------------------------

	GLOBAL FORM STYLES
	
-----------------------------*/

.form-wrapper .field {
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 16px;
	clear: both;
}

/*---------------------

	ERROR AND VALID

*/

.form-wrapper .error input,
.form-wrapper .error select,
.form-wrapper .error textarea {
	padding: 6px 5px 8px;
	border: solid 2px #b31f24;
}

.form-wrapper p.error {
	display: inline-block;
	padding: 2px 6px;
	margin: 5px 0 0 0;
	border-radius: 4px;
	background: #b31f24;
	color: #FFF;
	text-shadow: none;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.form-wrapper .split {
	float: left;
	clear: none;
	width: 274px;
	padding-right: 36px;
	text-align: left;
}

.form-wrapper .left {
	clear: both;
}

.form-wrapper .right {
	padding-right: 0;
}

.form-wrapper label {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
}

.form-wrapper label em {
	font-style:italic;
}

.form-wrapper input,
.form-wrapper textarea {
	display: block;
	width: 260px;
	padding: 7px 6px 9px;
	margin: 0;
	border: solid 1px #c8c7c1;
	border-radius: 4px;
	box-shadow: inset 1px 1px 2px rgba(186,186,180,.35);
	background: #f1f0e8;
	font: italic 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #646462;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	-moz-box-shadow: inset 1px 1px 2px rgba(186,186,180,.35);
	-webkit-box-shadow: inset 1px 1px 2px rgba(186,186,180,.35);
	
	background-image: -moz-linear-gradient(
		center top,
		#eae9df 0%,
		#f8f7f1 100%
	);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #eae9df),
		color-stop(1, #f8f7f1)
	);
}

.form-wrapper textarea {
	width: 570px;
	max-width: 570px;
	height: 100px;
	max-height: 200px;
}

.form-wrapper select {
	display: inline-block;
	width: 274px;
	height: 36px;
	padding: 7px 6px 9px;
	margin: 0;
	border: solid 1px #c8c7c1;
	border-radius: 4px;
	box-shadow: inset 1px 1px 0 #FFF;
	font: italic 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #646462;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	-moz-box-shadow: inset 1px 1px 0 #FFF;
	-webkit-box-shadow: inset 1px 1px 0 #FFF;
	
	background-image: -moz-linear-gradient(
		center top,
		#f8f7f1 0%,
		#eae9df 100%
	);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f8f7f1),
		color-stop(1, #eae9df)
	);
}

.form-wrapper .small select {
	width: 88px;
}

.form-wrapper .checkbox {
	padding: 0;
}

.form-wrapper .checkbox li {
	display: inline-block;
	position: relative;
	border: solid 1px #e9e7d9;
	margin-bottom: 2px;
	overflow: hidden;
	background: #fafaf6;
}

.form-wrapper .checkbox li label {
	padding: 6px 8px 6px 28px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	cursor: pointer;
}

.form-wrapper .checkbox input {
	position: absolute;
	top: 9px; left: 8px;
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	height: auto;
	cursor: pointer;
	background: none;
}

.ie7 .form-wrapper .checkbox input {
	top: 5px; left: 4px;
}

.form-wrapper .buttons {
	padding-bottom: 20px;
	clear: both;
}

.form-wrapper button {
	display: inline-block;
	padding: 8px;
	margin: 0;
	border: solid 1px #a7a69e;
	border-radius: 8px;
	box-shadow: inset 0 1px #dcdbd8;
	background: #c4c3bd;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #646462;
	text-shadow: 1px 1px rgba(255,255,255,.4);
	cursor: pointer;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	-moz-box-shadow: inset 0 1px #dcdbd8;
	-webkit-box-shadow: inset 0 1px #dcdbd8;
	
	background-image: -moz-linear-gradient(
		center top,
		#cfcec9 0%,
		#b9b8b1 100%
	);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #cfcec9),
		color-stop(1, #b9b8b1)
	);
}

.form-wrapper button:hover {
	border-color: #6b0408;
	box-shadow: inset 0 1px rgba(255,255,255,.3);
	background: #b31f24;
	color: #FFF;
	text-shadow: -1px -1px rgba(0,0,0,.2);
	
	-moz-box-shadow: inset 0 1px rgba(255,255,255,.3);
	-webkit-box-shadow: inset 0 1px rgba(255,255,255,.3);
	
	background-image: -moz-linear-gradient(
		center top,
		#b31f24 0%,
		#9c191e 100%
	);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #b31f24),
		color-stop(1, #9c191e)
	);
}

.form-wrapper button:active {
	background: #a71c21;

	background-image: -moz-linear-gradient(
		center top,
		#9c191e 0%,
		#b31f24 100%
	);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #9c191e),
		color-stop(1, #b31f24)
	);
}


/* --------------------------

	GLOBAL ALERT
	
-----------------------------*/

div.alert {
	background: #b31f24;
	padding: 10px 10px 1px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	margin-bottom: 10px;
	border: 4px solid #93070d;
}

div.alert a {
	color:#FFF;
}

div.alert h4  {
	margin-bottom: 5px;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 0 26px;
	background:url(/assets/strada/images/template/icon-alert.gif) center left no-repeat;
}

div.alert ul {
	margin-bottom: 14px;
}

div.alert ul li {
	padding-left:16px;
	margin-bottom:4px;
	background:url(/assets/strada/images/template/red-bullet.gif) 0 4px no-repeat;
}

div.alert a.button {
	display: inline-block;
	padding: 8px 10px;
	margin-bottom: 10px;
	background: #FFF;
	background: rgba(255,255,255,.8);
	color: #93070d;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: none;
}

div.alert a.button:hover {
	background: #FFF;
}

/*---------------------

	ALERT - INFORMATION

---------------------*/

div.alert.info {
	background: none;
	border: solid 2px #C8C7C1;
	text-shadow: none;
}

div.alert.info h4 {
	background: none;
	padding-left: 0;
}

div.alert.info h4, div.alert.info p {
	color: #646462;
}

div.alert.info a.button {
	background: #e2e2d8;
}

	
/* ---------------------------------------------

	WRAPPER & GRID
	
-----------------------------------------------*/

#wrapper {
	position:relative;
	z-index: 5;
	width: 940px;
	margin: 0 auto;
	padding: 10px 10px 0;
}

#content { 
	width: 938px;
	overflow: hidden;
	border: 1px dotted #c8c7c1;
	border-bottom: none;
	background: #f5f4ed;
}

.section-content {
	padding: 20px;
}


/* ---------------------------------------------

	HEADER
	
-----------------------------------------------*/

#primary {
	position: relative;
	width: 940px;
	height: 131px;
}


/* --------------------
	LOGO
----------------------*/

#logo,
#logo.on:hover {
	display: block;
	width: 122px;
	height: 121px;
	background: url(/assets/strada/images/template/logo.gif) -198px 0;
	text-indent: -5000px;
}

#logo:hover {
	background-position: -198px -196px;
}

/* --------------------
	NAV
----------------------*/

#primary nav  {
	display: block;
	position: absolute;
	top: 75px; right: 0;
	width: 818px;
	text-transform: uppercase;
}

#primary nav ul li {
	float: left;
	display: block;
	padding: 0 18px;
}

#primary nav ul li.last {
	padding-right: 0;
}

#primary nav ul li a {
	display: block;
	padding: 5px 10px;
	border-radius: 5px;
	color: #002911;
	font-size: 18px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.cufon-ready #primary nav ul li a {
	font-size: 20px;
}

#primary nav ul li a:hover {
	box-shadow: 1px 1px rgba(0,0,0,.15);
	background: #f6f5ed;
	background: rgba(255,255,255,.5);
	
	-moz-box-shadow: 1px 1px rgba(0,0,0,.15);
	-webkit-box-shadow: 1px 1px rgba(0,0,0,.15);
}

#primary nav ul li a.on,
#primary nav ul li a:active {
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.3); 
	background: #e3e2d9;
	color: #4f4d42;
	
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);  
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.3); 
}


/* ---------------------------------------------

	FOOTER
	
-----------------------------------------------*/

footer {
	position: relative;
	z-index: 2;
	width:100%;
	background:#f3f2e9;
	border-top:1px dotted #c8c7c1;
	border-bottom:1px dotted #c8c7c1;
}

#footer-wrapper {
	margin:0 auto;
	width:940px;
}

#footer-content {
	height:100px;
	padding:20px;
	width:898px;
	overflow:hidden;
	background:#efefe4;
	border-left:1px dotted #c8c7c1;
	border-right:1px dotted #c8c7c1;
}

#footer-content h4 {
	font-size:18px;
	float:left;
	display:block;
	width:140px;
	height:120px;
	text-transform:uppercase;
}

#footer-content h4 a {
	color:#646462;
}

#footer-content ul {
	margin-top:3px;
	float:left;
	font-size:12px;
	display:block;
	overflow:hidden;
	width:295px;
	height:120px;
}

#footer-content ul.left {
	margin-right: 20px;
}

#footer-content ul li {
	float:left;
	width:145px;
	margin-bottom:6px;
}

#footer-content ul li a {
	color:#979797;
}

#footer-content ul li a:hover,
#footer-content ul li a.on {
	color:#757574;
	border-bottom:1px dotted #757574; 
}

#credits {
	margin:0 auto;
	width:940px;
	z-index:5;
}

.no-border #credits-content {
	border-bottom: none;
}

#credits-content {
	position: relative;
	z-index: 5;
	width: 918px;
	height: 30px;
	padding: 10px 0 0 20px;
	border: 1px dotted #c8c7c1;
	border-top-width: 0;
	background: #f5f4ed;
	font-size: 11px;
}

#credits-content a.engage {
	display:block;
	position:absolute;
	top:5px;
	right:20px;
	width:119px;
	height:32px;
	background:url(/assets/strada/images/template/site-by-engage.png);
	text-indent:-5000px;
}


/* ---------------------------------------------

	BACKGROUND IMAGES
	
-----------------------------------------------*/

#lhs-image {
	position:absolute;
	top:180px; left:0;
	z-index: 1;
	width:241px;
	height:681px;
}

.lhs-image1 {
	background:url(/assets/strada/images/template/backgrounds/lhs-pasta-1.jpg);
}

.lhs-image2 {
	background:url(/assets/strada/images/template/backgrounds/lhs-pasta-2.jpg);
}

#rhs-image {
	position:absolute;
	top:0; right:0;
	z-index: 1;
	width:389px;
	height:500px;
}

.rhs-image1 {
	background:url(/assets/strada/images/template/backgrounds/rhs-pasta-1.jpg);
}

.rhs-image2 {
	background:url(/assets/strada/images/template/backgrounds/rhs-pasta-2.jpg);
}



/*----------------------------------------------

	LOCATION PICKER

----------------------------------------------*/

#location_picker,
#lp_overlay {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	color: #FFF;
}

#lp_title {
	display: block;
	height: 24px;
	padding: 15px 16px 21px;
	border-bottom: dotted 1px #b6b5ae;
	background: #FFF;
	color: #464444;
	font-size: 22px;
	text-transform: uppercase;
}

#lp_close {
	display: block;
	position: absolute;
	top: 0; right: 0;
	width: 60px;
	height: 60px;
	padding: 0;
	border-left: dotted 1px #b6b5ae;
	text-indent: -5000px;
	background: url(/assets/strada/images/location_picker/close.png) 50% 50% no-repeat;
}

#lp_close:hover {
	background-color: #f3f2e9;
}

#lp_body .lp_title {
	display: block;
	margin-bottom: 12px;
	font-size: 18px;
	color: #464444;
	text-transform: uppercase;
}

#lp_intro {
	background: red;
	padding: 14px;
	margin: 0;
	border-bottom: 1px dotted #C8C7C1;
	background: #EBEAE4;
	color: #646462;
	font-size: 16px;
	line-height: 22px;
}

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


/*---------------------

	BODY
	
---------------------*/

#lp_body {
	display: none;
	position: absolute;
	left: 50%;
	z-index: 50;
	width: 558px;
	margin-left: -279px;
	border: solid 8px #909568;
	background: #f3f2e9;
}


/*---------------------

	WEBKIT ANIMATION
	
*/

.webkit .show #lp_body {
	display: block;
	-webkit-animation-name: zoom_in;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: cubic-bezier(0,0,.1,1);
}

.webkit .hide #lp_body {
	display: block;
	-webkit-animation-name: zoom_out;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: cubic-bezier(.9,0,1,1);
}

@-webkit-keyframes zoom_in {
	from {
		opacity: 0;
		-webkit-transform: scale(.8);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes zoom_out {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.8);
	}
}

#lp_body > div {
	float: left;
	padding: 16px;
}


/*---------------------

	LIST
	
*/

#lp_list {
	width: 205px;
	border-left: dotted 1px #b6b5ae;
}

#lp_list div {
	position: relative;
	width: 205px;
	height: 284px;
	overflow: hidden;
}

#lp_list div > ul {
	position: absolute;
	top: 0; left: 0;
	width: 185px;
	padding-right: 10px;
}

#lp_list a {
	display: inline-block;
	padding: 4px 0;
	font-size: 14px;
}

#lp_list .lp_group {
	padding-left: 6px;
	border-left: solid 2px #b6b5ae;
}

#lp_list .lp_group_title {
	display: block;
	padding: 2px 0 2px 8px;
	background: #b6b5ae;
	font-size: 14px;
	text-shadow: none;
}

#lp_list .lp_track,
#lp_list .lp_track span {
	display: block;
	position: absolute;
	top: 0; right: 0;
	z-index: 100;
	width: 8px;
	border-radius: 4px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#lp_list .lp_track {
	display: none;
	bottom: 0;
	height: 100%;
	background: #FFF;
}

#lp_list .lp_track span {
	min-height: 20px;
	background: #9f9e98;
	cursor: pointer;
}

#lp_list .lp_track span:hover {
	background: #807f77;
}


/*---------------------

	SEARCH

*/

#lp_search {
	width: 288px;
}

#lp_error .alert {
	margin-bottom: 0;
}

#lp_form {
	position: relative;
	margin-bottom: 16px;
}

#lp_form label {
	line-height: 18px;
	color: #888;
}

#lp_form input {
	display: block;
	width: 233px;
	height: 18px;
	padding: 7px 6px 9px;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	font-size: 14px;
	
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}

#lp_form button {
	display: block;
	position: absolute;
	right: 0; bottom: 0;
	width: 42px;
	height: 36px;
	border-radius: 0 4px 4px 0;
	
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}

.ie7 #lp_form button {
	bottom: 1px;
}

#lp_results {
	display: none;
}

#lp_results ul li {
	display: block;
	width: 288px;
	padding: 2px 0;
	border-top: dotted 1px #B6B5AE;
}

#lp_results ul li:last-child {
	padding-bottom: 0;
}

#lp_results ul li a {
	display: block;
	position: relative;
	padding: 8px 8px;
	font-size: 14px;
}

#lp_results ul li a:hover {
	background: #FFF;
	text-decoration: none;
}

#lp_results ul li a small {
	display: block;
	position: absolute;
	top: 6px; right: 8px;
	padding: 2px 4px;
	border-radius: 4px;
	background: #B6B5AE;
	font-size: 12px;
	color: #FFF;
	text-shadow: none;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#lp_loading {
	display: none;
}

.loading #lp_loading {
	display: block;
	position: absolute;
	bottom: 90px; left: 140px;
	z-index: 100;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	border-radius: 25px;
	background: #FFF url(/assets/strada/images/template/loading.gif) 50% 50% no-repeat;
	
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}


/*---------------------

	OVERLAY
	
*/

#lp_overlay {
	display: none;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: black;
}


/*-------------------------------

	LOCATION INFO (YOUR LOCATION IS CURRENTLY SET TO....)

-------------------------------*/

#location-info {
	position:relative;
	width:860px;
	height: 20px;
	padding:20px 20px 20px 60px;
	background: #62625e url(/assets/strada/images/template/current-location-pin.gif) 17px 50% no-repeat;
	text-shadow: none;
	font-size: 18px;
	color: #FFF;
}

#location-info p {
	margin: 0;
}

#location-info a {
	color:#bab8a2;
	border-bottom:1px dotted #bab8a2;
}

#location-info a:hover {
	color:#d7d5c4;
	border-bottom:1px solid #d7d5c4;
}

/* NON-JAVASCRIPT VERSION */

#location-info form {
	position: absolute;
	width:280px;
	top: 10px; right: 10px;
}

#location-info select {
	display: inline-block;

}

/* JAVSCRIPT VERSION */

#location-info .drop-down {
	width: 240px;
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}

#location-info .drop-down span {
	padding: 10px 9px;
	border: none;
}

#location-info .drop-down a {
	width: 40px;
	height: 40px;
	border: none;
	box-shadow: inset 1px 0 rgba(0,0,0,.1), inset 0 1px #dcdbd8;

	-moz-box-shadow: inset 1px 0 rgba(0,0,0,.1), inset 0 1px #dcdbd8;
	-webkit-box-shadow: inset 1px 0 rgba(0,0,0,.1), inset 0 1px #dcdbd8;
}


/*-------------------------------

	DROP DOWN MENU

-------------------------------*/

.drop-down {
	position: relative;
	height: 40px;
	padding-right: 40px;
	cursor: pointer;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.drop-down-list {
	display: none;
}

.drop-down span {
	display: block;
	height: 20px;
	padding: 9px 8px;
	border: solid 1px #c8c7c1;
	border-right: none;
	border-radius: 8px 0 0 8px;
	box-shadow: inset 1px 1px 0 #FFF;
	background: #f1f0e8;
	font-size: 16px;
	font-style: italic;
	color: #646462;
	
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	
	-moz-box-shadow: inset 1px 1px 0 #FFF;
	-webkit-box-shadow: inset 1px 1px 0 #FFF;
	
	background: -moz-linear-gradient(
		center bottom,
		#eae9df 0%,
		#f8f7f1 100%
	);
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #eae9df),
		color-stop(1, #f8f7f1)
	);
}

.drop-down a {
	display: block;
	position: absolute;
	top: 0; right: 0;
	width: 38px;
	height: 38px;
	border: solid 1px #a7a69e;
	border-radius: 0 8px 8px 0;
	box-shadow: inset 0 1px #dcdbd8;
	background: #c4c3bd url(/assets/strada/images/template/drop-down-arrow.png) 50% 50% no-repeat;
	text-indent: -5000px;
	
	-moz-border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	
	-moz-box-shadow: inset 0 1px #dcdbd8;
	-webkit-box-shadow: inset 0 1px #dcdbd8;
	
	background: url(/assets/strada/images/template/drop-down-arrow.png) 50% 50% no-repeat, -moz-linear-gradient(
		center top,
		#cfcec9 0%,
		#b9b8b1 100%
	);
	background: url(/assets/strada/images/template/drop-down-arrow.png) 50% 50% no-repeat, -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #cfcec9),
		color-stop(1, #b9b8b1)
	);
}

.drop-down.active span {
	border-bottom: none;
	border-radius: 8px 0 0 0;
	
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
}


/*---------------------

	LIST

*/

body .drop-down-list {
	position: absolute;
	z-index: 1000;
	border-radius: 0 0 8px 8px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
}

body .drop-down-list .dd-root {
	overflow: auto;
	padding-bottom: 1px;
	border: solid 1px #c8c7c1;
	border-width: 0 1px;
	box-shadow: inset 1px 0 #FFF;
	background: #ebe9df;
	
	-moz-box-shadow: inset 1px 0 #FFF;
	-webkit-box-shadow: inset 1px 0 #FFF;
}

body .drop-down-list span { /* The optgroup title, e.g. London */
	display: block;
	padding: 4px 8px;
	font-weight: bold;
}

body .drop-down-list .dd-root ul { /* The optgroup style */
	margin: 0 5px;
	padding:5px;
	background:#FFF;
	background:rgba(255,255,255,0.6);
	border-radius:5px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

body .drop-down-list li {
	margin-bottom: 2px;
}

body .drop-down-list li a {
	display: block;
	padding: 4px 8px;
	border-top:1px solid #ebe9df;
	border-bottom:1px solid #ebe9df;
}

body .drop-down-list li a:hover {
	color:#6b0408;
	background:#d3d1c8;
	background:rgba(0,0,0,0.05);
	border-top:1px solid #b8b6ac;
	border-bottom:1px solid #f3f2ef;
}

body .drop-down-list .dd-root ul li a { /* The optgroup style */
	border-top:none;
	border-bottom:none;
	border-radius:3px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

body .drop-down-list a.search {
	display: block;
	border: solid 1px #982123;
	border-radius: 0 0 8px 8px;
	padding: 8px 8px 8px 23px;
	box-shadow: inset 1px 1px rgba(255,255,255,.2);
	background: #be3537 url(/assets/strada/images/template/drop-down-search.png) 7px 10px no-repeat;
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,.1);
	
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	
	-moz-box-shadow: inset 1px 1px rgba(255,255,255,.2);
	-webkit-box-shadow: inset 1px 1px rgba(255,255,255,.2);
}

body .drop-down-list a.search:hover {
	background: #952728 url(/assets/strada/images/template/drop-down-search.png) 7px 10px no-repeat;
}


/* ---------------------------------------------

	ACCENT COLOURS
	
-----------------------------------------------*/ 

/* ---------------------------------------------

	AUBERGINE
	
-----------------------------------------------*/ 

/* DEFAULT */

body.aubergine-accent #slideshow nav a.arrow,
body.aubergine-accent #mailing-list,
body.aubergine-accent #mailing-list,
body.aubergine-accent a.virtual_tour,
body.aubergine-accent .follow-us a.badge,
body.aubergine-accent #menu-navigation .online-booking a,
body.aubergine-accent #location-navigation .online-booking a,
body.aubergine-accent #slideshow nav ul li a.on,
body.aubergine-accent #promotions ul li a.on,
body.aubergine-accent #slideshow nav ul li a:hover {
	background:#86537b !important;
}

body.aubergine-accent #slideshow nav a.arrow:hover {
	background:#FFF !important;
	color:#86537b;
}

/* HOVER STATES */

body.aubergine-accent #menu-navigation .online-booking a:hover,
body.aubergine-accent #location-navigation .online-booking a:hover,
body.aubergine-accent .follow-us a.badge:hover,
body.aubergine-accent a.virtual_tour:hover {
	background:#5c3653 !important;
}

/* Featured dish */

body.aubergine-accent #menu-content article.featured-dish,
body.aubergine-accent #menu-content article.featured-dish img.thumbnail,
body.aubergine-accent ul.key span.icon-featured {
	border:1px solid #af7da4 !important;
}

/* Popup window */

body.aubergine-accent #lp_body {
	border:8px solid #af7da4 !important;
}

/* IE Mailing list */

.ie body.aubergine-accent #mailing-list input {
	background: #6c4263 !important;
}

.ie body.aubergine-accent #mailing-list button {
	background: #51314a !important;
}


/* ---------------------------------------------

	BLUE
	
-----------------------------------------------*/ 

/* DEFAULT */

body.blue-accent #slideshow nav a.arrow,
body.blue-accent #mailing-list,
body.blue-accent a.virtual_tour,
body.blue-accent .follow-us a.badge,
body.blue-accent #menu-navigation .online-booking a,
body.blue-accent #location-navigation .online-booking a,
body.blue-accent #slideshow nav ul li a.on,
body.blue-accent #promotions ul li a.on,
body.blue-accent #slideshow nav ul li a:hover {
	background: #a1cac1 !important;
}



body.blue-accent #slideshow nav a.arrow:hover {
	background: #FFF !important;
	color: #a1cac1;
}

/* HOVER STATES */

body.blue-accent #menu-navigation .online-booking a:hover,
body.blue-accent #location-navigation .online-booking a:hover,
body.blue-accent .follow-us a.badge:hover,
body.blue-accent a.virtual_tour:hover {
	background: #6a857f !important;
}

/* Featured dish */

body.blue-accent #menu-content article.featured-dish,
body.blue-accent #menu-content article.featured-dish img.thumbnail,
body.blue-accent ul.key span.icon-featured {
	border:1px solid #a1cac1 !important;
}

/* Popup window */

body.blue-accent #lp_body {
	border:8px solid #a1cac1 !important;
}

/* IE Mailing list */

.ie body.blue-accent #mailing-list input {
	background: #7fa29a !important;
}

.ie body.blue-accent #mailing-list button {
	background: #5f7973 !important;
}


/* ---------------------------------------------

	GREY
	
-----------------------------------------------*/ 

/* DEFAULT */

body.grey-accent #slideshow nav a.arrow,
body.grey-accent #mailing-list,
body.grey-accent a.virtual_tour,
body.grey-accent .follow-us a.badge,
body.grey-accent #menu-navigation .online-booking a,
body.grey-accent #location-navigation .online-booking a,
body.grey-accent #slideshow nav ul li a.on,
body.grey-accent #promotions ul li a.on,
body.grey-accent #slideshow nav ul li a:hover {
	background:#948c76 !important;
}

body.grey-accent #slideshow nav a.arrow:hover {
	background: #FFF !important;
	color: #948c76;
}

/* HOVER STATES */

body.grey-accent #menu-navigation .online-booking a:hover,
body.grey-accent #location-navigation .online-booking a:hover,
body.grey-accent .follow-us a.badge:hover,
body.grey-accent a.virtual_tour:hover{
	background: #585345 !important;
}

/* Featured dish */

body.grey-accent #menu-content article.featured-dish,
body.grey-accent #menu-content article.featured-dish img.thumbnail,
body.grey-accent ul.key span.icon-featured {
	border:1px solid #b7af98 !important;
}

/* Popup window */

body.grey-accent #lp_body {
	border:8px solid #948c76 !important;
}

/* IE Mailing list */

.ie body.grey-accent #mailing-list input {
	background: #76705d !important;
}

.ie body.grey-accent #mailing-list button {
	background: #585445 !important;
}