/* ---------------------------------------------
	GLOBAL.CSS
	
	#eac364 - Beige
	#910a08 - Dark red 
	#3b6600 - Green (default link color)
-----------------------------------------------*/

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

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

body {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #3f2910;
	background:#fdf5da url(/assets/bella/images/template/body_bg.jpg) repeat-x;
}	

/* Links */

a {
	color:#3b6600;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a:hover {
	text-decoration:none;
}

a.button { 
	text-decoration:none;
	color:#FFF; 
	padding:5px 7px;
	background: #1c280a;
} 
	
a.button:hover { 
	background: #58792a;
} 

/* Paragraphs */

p {
	line-height:20px;
}

dd p {
	line-height:18px;
}

p.quote, p.intro {
	font-size:18px;
	font-style:italic;
	line-height:25px !important;
	color:#735E3D;
}

p.error {
	padding:0 3px;
	color:red;
	text-shadow:none;
}

p.quote_small {
	width:98%;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#735E3D;
	margin-bottom:5px;
	padding-left:5px;
}

/* Misc */

input, textarea, select, button	{
	border:none;
	font:14px Georgia, "Times New Roman", Times, serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.rounded { /* Adds rounded corners to any element with the class applied */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


/* ---------------------------------------------
	HEADINGS
-----------------------------------------------*/

h1 a {
	display:block;
	float:left;
	margin-top:22px;
	width:259px;
	height:49px;
	text-indent:-5000px;
	background:url(/assets/bella/images/headings/h1_bg.gif) right bottom no-repeat;
}
	
h2 { /* Main page content title */
	font-size:24px;
	margin-bottom:10px;
	text-shadow:1px 1px 0 #f6f0e0;
}

h3 {
	font-size:18px;
	margin-bottom:7px;
}

h4 {
	font-size:16px;
	margin-bottom:5px;
}

a h5 {
	display:inline;
	margin-left:4px;
	font-size:14px;
	color:#fcde8d;
	font-weight:bold;
	}
	
a h5:hover {
	text-decoration:none;
}


/* ---------------------------------------------
	CONTENT AREAS
-----------------------------------------------*/

#page_wrapper {
	width:100%;
	background:url(http://engageinteractive.s3.amazonaws.com/bellaitalia/images/template/header_wrapper.jpg) top center no-repeat;
}

#header_wrapper {
	width:100%;
}
	
#top_header {
	width:770px;
	height:102px;
	margin:0 auto;
	position:relative;
	}
	
/* Book online */

#top_header p {
	position:absolute;
	width:130px;
	height:127px;
	right:10px;
	top:10px;
	z-index:10;
}

#top_header p a {
	display:block;
	width:130px;
	height:127px;
	background:url(/assets/bella/images/template/bookonline_badge.png);
	text-indent:-5000px;
}


	
#header_flash {
	width:770px;
	height:212px;
	margin:0 auto;
	background:url(/assets/bella/images/template/header_blank.jpg);
}

#content_wrapper { /* This wraps everything underneath the secondary nav */
	width:766px;
	margin:0 auto 0 auto;
	padding:2px;
	background:#FFF;
	overflow:hidden;
}

.content_left { /* This is the default width left column */
	float:left;
	width:247px;
}

.content_right { /* This is the default width right column (padding needs to be added in relevant over-ride CSS files) */
	float:right;
	width:513px;
	border:2px solid #efdca7;
	background:#efdba6;
}
	

/* BROWN AND GREEN BOXES
------------------------------------------------------------------*/

/* SHARED */

.promo_box_brown_container a, .promo_box_green_container a {
	color:#ffa200;
	text-decoration:none;
}

.promo_box_brown_container a:hover, .promo_box_green_container a:hover {
	color:#ffa200;
	text-decoration:underline;
}

/* BROWN */

.promo_box_brown_container {
	padding:1px;
	margin-top:2px;
	border:solid 2px #543a1c;
	background:#f2e3ba;
	color:#eddaa3;
	text-shadow:1px 1px 0 #442c0f;
}
	
.promo_box_brown {
	padding:5px;
	border:solid 2px #543a1c;
	background:#54391c url(/assets/bella/images/template/brown_bg.jpg) top repeat-x;
}

.promo_box_brown_container ul {
	list-style:square;
	padding-left:20px;
}

/* GREEN */

.promo_box_green_container {
	padding:1px;
	border:solid 2px #3d4a2a;
	background:#768340;
	color:#eddaa3;
	text-shadow:1px 1px 0 #294504;
}
	
.promo_box_green {
	border:solid 2px #3d4a2a;
	background:#3d4a2a url(/assets/bella/images/template/green_bg.jpg) top repeat-x;
	padding:5px;
}

/* ---------------------------------------------
	NAVIGATION
-----------------------------------------------*/

/* PRIMARY
---------------------*/

#primary_nav {
	width:770px;
	height:44px;
	margin:0 auto;
}
	
div#primary_nav ul {
	width:718px;
	height:44px;
	overflow:hidden;
	background:url(/assets/bella/images/template/primary_nav.gif) top left no-repeat;
	padding-left:52px;
}
	
div#primary_nav ul li {
	float:left;
}
	
div#primary_nav ul li a {
	display:block;
	height:44px;
	text-indent:-5000px;
}
	
div#primary_nav ul li.home a {
	width:89px;
}
	
div#primary_nav ul li.home a:hover, div#primary_nav ul li.home_on {
	width:89px;
	background:url(/assets/bella/images/template/primary_nav.gif) -52px -44px;
}

div#primary_nav ul li.locations a {
	width:110px;
}

div#primary_nav ul li.locations a:hover, div#primary_nav ul li.locations_on {
	width:110px;
	background:url(/assets/bella/images/template/primary_nav.gif) -141px -44px;
}

div#primary_nav ul li.menus a {
	width:87px;
}

div#primary_nav ul li.menus a:hover, div#primary_nav ul li.menus_on {
	width:87px;
	background:url(/assets/bella/images/template/primary_nav.gif) -251px -44px;
}

div#primary_nav ul li.kids a {
	width:81px;
}

div#primary_nav ul li.kids a:hover, div#primary_nav ul li.kids_on {
	width:81px;
	background:url(/assets/bella/images/template/primary_nav.gif) -338px -44px;
}

div#primary_nav ul li.news a {
	width:85px;
}

div#primary_nav ul li.news a:hover, div#primary_nav ul li.news_on {
	width:85px;
	background:url(/assets/bella/images/template/primary_nav.gif) -419px -44px;
}

div#primary_nav ul li.shop a {
	width:82px;
}

div#primary_nav ul li.shop a:hover, div#primary_nav ul li.shop_on {
	width:82px;
	background:url(/assets/bella/images/template/primary_nav.gif) -504px -44px;
}

div#primary_nav ul li.members a {
	width:143px;
}

div#primary_nav ul li.members a:hover, div#primary_nav ul li.members_on {
	width:143px;
	background:url(/assets/bella/images/template/primary_nav.gif) -586px -44px;
}

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

#secondary_nav { /* Full width 770px */
	width:762px;
	height:30px;
	margin:0 auto;
	border:2px solid #FFF;
	border-bottom:none;
	padding:2px;
	background:#661617;
	text-shadow:1px 1px 0 #200203;
}
	
#secondary_nav ul {
	width:730px;
	height:28px;
	overflow:hidden;
	padding:0 15px;
	border:solid 1px #8F5444;
	background:#661617;
}

#secondary_nav ul li {
	float:left;
	margin-right:2px;
}

#secondary_nav ul li a {
	display:block;
	padding:7px 15px;
	color: #e1cdcd;
	text-decoration:none;
}

#secondary_nav ul li a:hover, #secondary_nav ul li a.nav_on, #secondary_nav ul li a.on{
	text-decoration:none;
	background:#420c0c;
	color:#FFF;
}

/*------------------------------------------------
	FIND YOUR NEAREST SEARCH BOX
-------------------------------------------------*/



/* FIND MY NEAREST 
------------------------------------------------------------------*/

form.fmn label {
	display:block;
	margin-bottom:5px;
}

form.fmn input {
	border:1px solid #1c280a;
	color:#1c280a;
	padding:3px;
}

form.fmn button {
	background:#1c280a;
	color:#FFF;
	padding:3px;
}

form.fmn button:hover {
	background:#58792a;
}

/* On a blackboard */

#blackboard .fmn fieldset {
	overflow:hidden;
	width:235px;
}

#blackboard .fmn label {
	line-height:19px;
	margin-bottom:10px;
}

#blackboard .fmn input {
	float:left;
	background:#FFF;
	padding:5px;
	margin-right:3px;
}

#blackboard .fmn button {
	padding:5px;
	background:#CCC;
	color:#000;
}
#blackboard .fmn button:hover {
	background:#FFF;
}


/*---------------------
	RESULTS PANEL
*/

#results {
	display: none;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	background:rgba(0,0,0,0.9);
	z-index:10;
	color:#FFF;
}

#results_content {
	padding:15px;
}

#results ul li {
	margin:15px 0;
	font-size:13px;
}

#results ul li a {
	background:#FFF;
	padding:3px 5px;
	text-decoration:none;
}

#results ul li a:hover {
	background:#CCC;
}





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

#footer {
	position:relative;
	width:770px;
	height:202px;
	margin:0 auto;
	text-align:left;
	background: #FFF url(/assets/bella/images/template/footer.jpg) top left no-repeat;
}
	

/* STANDARD LINKS
-------------------------*/

#footer ul.links {
	font-size:11px;
	width:765px;
	padding-top:9px;
	overflow:hidden;
}
	
#footer ul.links li {
	float:right;
	padding:0 10px;
	border-right:solid 1px #8e7e6d;
}
	
#footer ul.links li.last {
	border-right:none;
	}
	
#footer ul.links li a {
	color:#8e7e6d;
	text-decoration:none;
}

#footer ul.links li a:hover {
	color:#FFF;
	text-decoration:none;
}

/* ENGAGE, TWITTER AND FACEBOOK
--------------------------------------------*/

ul.social {
	position:relative;
	width:770px;
	height:120px;
}

ul.social li.webring a {
	position:absolute;
	width:0;
	height:0;
	display:block;
	text-indent:-5000px;
}

ul.social li.engage a {
	position:absolute;
	display:block;
	width:110px;
	height:25px;
	top:65px;
	left:10px;
	text-indent:-5000px;
}

ul.social li.twitter a {
	position:absolute;
	display:block;
	width:80px;
	height:20px;
	top:45px;
	right:85px;
	text-indent:-5000px;
}

ul.social li.facebook a {
	position:absolute;
	display:block;
	width:80px;
	height:20px;
	top:45px;
	right:0;
	text-indent:-5000px;
}
	

/*--------------------------
	GLOBAL FORM STYLE
-----------------------------*/

form.simple input,
form.simple select,
form.simple textarea {
	color:#FFF;
	padding:7px;
	background:#1c280a
}

form.simple select option {
	background:#1c280a;
}

form.simple label {
	display:block;
	font-size:15px;
	line-height:19px;
	margin:10px 0 4px 0;
}

form.simple select {
	width:200px;
}

form.simple select.short, form.simple select.select_small {
	width:100px;
	margin-right:10px;
}

form.simple textarea {
		width:350px;
}

form.simple input.radio {
	background:none;
	width:40px;
	height:auto;
	padding:0;
	margin-bottom:10px;
	border:0;
	font-size:14px;
}


form.simple button {
	display:block;
	background:#1c280a;
	padding:6px;
	color:#FFF;
	margin:20px 0 0 180px;
}

form.simple button:hover {
	background:#4a0706;
	color:#FFF;
}

form.simple .error {
	display:block;
	color:red;
	margin-top:7px;
	font-size:11px;
}