/*--------------------------------------
Info: 		Heavenly Pizza - Main Style Sheet
Author: 	Darren Jones - Integer - darren@integeruk.com
Updated: 	29/01/2010

Colors:

Red Header 	#AE1515
Text 		#212121
--------------------------------------*/

/*--------------------------------------
	IMPORTS
--------------------------------------*/

@import 'reset.css' ;
@import 'form.css' ;

/*--------------------------------------
	GLOBAL RULES
--------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #212121;
	font-family: "Lucida Sans", Sans-Serif;
}
.break {
	border-bottom: 1px solid #EEE;
	clear: both;
	display: block;
	height: 1px;
	margin: 10px 0;
	width: 100%;
}
a {
	color: #212121;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #AE1515;
}
/*--------------------------------------
	CORE
--------------------------------------*/
#mainWrap {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 820px;
}

#header {
	margin-bottom: 20px;
}
/*--------------------------------------
	NAVIGATION [HEADER]
--------------------------------------*/
#nav {
	float: right;
	margin-top: 15px;
}
#nav li {
	float: left;
	margin-left: 20px;
}
#nav li a {
	color: #AE1515;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	padding-top: 20px;
	text-decoration: none;
}
#nav li:active a{
	margin-top: 1px;
}
#nav li:hover a, #nav li.active a {
	color: #212121;
}
#nav li:hover a {
	background: url('../images/core/nav_hover.gif') no-repeat center;
}
#nav li.active a {
	background: url('../images/core/nav_active.gif') no-repeat center;
}

/*--------------------------------------
	CONTENT
--------------------------------------*/
.content {
	font-size: 12px;
	line-height: 1.2em;
}
.content p {
	margin-bottom: 1em;
}
.content .heading {
	margin: 10px 0 15px 0;
}
.content #pagedescript {
	display: block;
	margin-top: -12px;
}

/*--------------------------------------
	CONTENT [HOME]
--------------------------------------*/
.content #home {
	float: left;
	margin-right: 30px;
	width: 600px;
	color: #b52a2a;
	font-weight: bold;
}
.content a.maplink img{
	float: left;
}
.content a.maplink:active img{
	margin-top: 2px;
	margin-bottom: -2px;
}
/*--------------------------------------
	CONTENT [STORES]
--------------------------------------*/
.map {
	background: url('images/maps/noimage.gif');
	display: block;
	margin-bottom: 20px;
	height: 206px;
	width: 820px;
}
.map .info {
	background-color: #FFFFFF;
	border-right: 1px solid #bbb;
	height: 196px;
	padding: 0 10px 10px 10px;
	width: 200px;
	
	opacity:0.8;  
    filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
}
.viewMap {
	float: right;	
	margin-right: 9px;
	margin-top: -35px;
}
/*--------------------------------------
	CONTENT [JOBS]
--------------------------------------*/
.content #jobs {
	float: left;
	margin-right: 50px;
	width: 480px;
}
.content #jobsForm {
	float: right;	
}
.content #jobsForm label {
	float: left;
	margin: 10px 0;
	width: 240px;
}
.content #jobsForm input[type=submit] {
	background: url('../images/forms/submit.gif') no-repeat;
	height: 23px;
	margin-bottom: 10px;
	width: 120px;
}
.content #jobsForm input[type=submit]:active {
	margin-top: 2px;	
	margin-bottom: 8px;
}

/*--------------------------------------
	CONTENT [CONTACT]
--------------------------------------*/

.content #contact label {
	display: block;
	float: left;
	margin: 5px 0 10px 0;
	width: 100%;
}
.content #contact input {
	clear: both;
	display: block;
}
.content #contact input[type=checkbox] {
	display: inline;
}
.content #contact input[type=submit] {
	background: url('../images/forms/submit.gif') no-repeat;
	height: 23px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 120px;
}
.content #contact input[type=submit]:active {
	margin-top: 12px;	
	margin-bottom: -2px;
}
.content #contact textarea {
	padding: 8px;	
}
/*--------------------------------------
	CONTENT [ORDER]
--------------------------------------*/
.content #order {
	height: 300px;	
	padding-top: 40px;
	text-align: center;	
}
.content #order input[name=pcode] {
	margin-left: 330px;
}
.content #order h1 {
	color: #AE1515;
	font-size: 1.8em;
}
.content #order #type {
	clear: both;
	display: block;	
}
.content #order #type img {
	cursor: pointer; 
	margin-right: 20px;	
	margin-top: 20px;
}
.go{
	background: url('../images/forms/button_go.gif');
	cursor: pointer;
	float: left;
	height: 27px;
	width: 50px;
}
.check{
	background: url('../images/forms/check.gif');
	float: left;
	height: 27px;
	width: 28px;
}

#sidebar, #sidebarone { width: 140px; float: left; margin-right: 30px; }

/*--------------------------------------
	CONTENT [MENU]
--------------------------------------*/

.content #menu {
	float: left;
	width: 600px; margin: 20px 0 0 0; color: #b52a2a; }


.content #menu h2 { float: left; width: 480px; color: #ae1515; font-size: 24px; margin: 40px 0 20px 0; }

.content #menu h3 { float: left; color: #ae1515; font-size: 18px; margin: 20px 0 10px 0; width: 480px; }

.content #menu h4 { float:  left; margin-bottom: 3px; width: 480px; color: #000; }

.content #menu p { float: left;}

.content #menu ul { float: left; width: 480px; list-style: disc; margin: 0 0 15px 20px; }

.content #menu ul.table { list-style: none; margin: 0 0 0 0; }
.content #menu ul.table li { float: left; width: 120px; margin-bottom: 5px; }

.content #menu ul.tabletwo { list-style: none; margin: 0 0 20px 0; }
.content #menu ul.tabletwo li { float: left; width: 80px; margin-bottom: 5px; }

.content #menu .price { float: right; width: 80px; }

.content #menu .amount { float: right; text-align: right; width: 150px; margin: 0 20px 0 0; }

#sidebar, #sidebarone { color: #b52a2a!important; }





/*--------------------------------------
	FOOTER
--------------------------------------*/
#footer {
	font-size: 10px;
	height: 30px;
}
#footer p {
	float: left;
}
#footer span {
	float: right;
}
/*--------------------------------------
	Notices
--------------------------------------*/
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; margin-top: 1em;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.success #close {
	float: right;	
}