/*-----------------------
Colours - Chelsea Pizza

Orange = #f68f1e
Yellow = #f6c11e
Light Grey = #d6d6d6
Dark Grey = #303030

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


* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */



/*-----------------------
Body
----------------------*/
body {
	margin: 0;
	padding: 0;
	color:#fff;
	font-size: 62.5%;
	font-family:Tempus Sans ITC;
	background: #e05d5d url('images/bg-repeat-menu.jpg') top center repeat-x;
}

body.menu {
	margin: 0;
	padding: 0;
	color:#fff;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e16362 url('images/bg-repeat-menu.jpg') top center repeat-x;
}


/*-----------------------
Header 
----------------------*/
#header-container {	margin: 0 auto; padding: 0; width: 900px;	height: 120px;	padding-top: 10px;}
div.header-cta h2 {
	width: 200px;
	height: 51px;
	float: left;
	margin-top: 46px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('images/header-cta.gif') 0 0 no-repeat;
}
div.header-logo {	width: 400px;	text-align:center;	float: left;}
div.header-logo img {	border: 0;}
div.header-slogan {
	width: 300px;
	height: 51px;
	float: right;
	margin-top: 49px;
	display: block;
}



/*-----------------------
Navigation
----------------------*/
#navigation{text-align:center; border-top:6px solid #fff; border-bottom:6px solid #fff; height:20x; padding-top:12px; background-color:#b50909;}
#navigation a{font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #fff; height: 20px;	text-decoration: none;	text-transform: uppercase;}
#navigation a:hover{color: #f1bbbb;}
#navigation p{font-size:13px; color:#df5b5b;}



/*-----------------------
Content
----------------------*/
div.content-top {
	margin: 25px 0 0 0;
	width: 900px;
	padding-top: 18px;
	_margin-top: -5px;
	background: url('images/td-top.png') top center no-repeat;
}

div.content-top-delivloc {
	margin: 25px 0 0 0;
	width: 500px;
	padding-top: 18px;
	_margin-top: -5px;
	background: url('images/td-top-deliv.png') top center no-repeat;
}

div.content-top-tradhours {
	margin: 25px 0 0 0;
	width: 300px;
	padding-top: 18px;
	_margin-top: -5px;
	background: url('images/td-top-tradhours.png') top center no-repeat;
}

div.content {
	width: 860px;
	height: auto;
	padding: 20px;
	background: url('images/td-bg.png') 0 0 repeat-y;
	font-family:Tempus Sans ITC;
}

div.content-delivloc {
	width: 460px;
	height: auto;
	padding: 20px;
	background: url('images/td-bg-deliv.png') 0 0 repeat-y;
	font-size:14px;
}

div.content-tradhours {
	font-size:14px;
	width: 260px;
	height: auto;
	padding-right:30px;
	padding-left:10px;
	background: url('images/td-bg-tradhours.png') 0 0 repeat-y;
}

div.content-bottom {
	width: 900px;
	height: 10px;
	background: url('images/td-btm.png') bottom center no-repeat;
}

div.content-bottom-delivloc {
	width: 500px;
	height: 10px;
	background: url('images/td-btm-deliv.png') bottom center no-repeat;
}

div.content-bottom-tradhours {
	width: 300px;
	height: 10px;
	background: url('images/td-btm-tradhours.png') bottom center no-repeat;
}

#container{margin: 0 auto;	width: 900px;}

#container-delivloc{margin: 0 auto;	width: 500px;}

#container-tradhours{margin: 0 auto;	width: 300px;}

#left{width:200px; float:left;}
div.sidemenu-top {margin: 25px 0 0 0;	width: 200px;	padding-top: 18px; _margin-top: -5px;	background: url('images/bg-sidemenu-top.png') top center no-repeat;}
div.sidemenu {width: 180px;	height: auto;	padding: 20px;	background: url('images/bg-sidemenu.png') 0 0 repeat-y;}
div.sidemenu-bottom {width: 200px;	height: 10px;	background: url('images/bg-sidemenu-bottom.png') bottom center no-repeat;}

div.content-menu-top{
	margin: 25px 0 0 0; 
	width: 900px;	
	padding-top: 18px;
	_margin-top: -5px;	
	background: url('images/td-top.png') top center no-repeat;
	float:right;
}
div.content-menu {
	width: 870px;	
	height: auto;	
	padding: 20px;	
	background: url('images/td-bg.png') 0 0 repeat-y;
	font-size:16px;
}
div.content-menu-bottom {
	width: 900px;	
	height: 10px;	
	background: url('images/td-btm.png') bottom center no-repeat;
}

#address-box{float:right; width:170px; background-color:#781e1f; padding:15px;}


/*-----------------------
Footer
----------------------*/
#footer{margin: 0 auto; width: 900px; padding:15px 0 10px 0; text-align:center;}
	#footer p{font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:18px;}
	#footer a{color:#FFFFCC;}
	#footer a:hover{color:#f6c11e;}
	

/*-----------------------
Standard
----------------------*/

img.left {	float: left;	margin: 0 20px 20px 0;	border: 0;}
img.right {	float: right;	margin: 0 0 20px 20px;	border: 0;}

ul {	padding-left: 30px;	margin-bottom: 15px;}
ul li {	list-style: disc;	line-height: 1.5em;}
ol {	padding-left: 30px;	margin-bottom: 15px;}
ol li {	margin-left: 20px;	line-height: 1.5em;}

h1 {	font: bold 1.8em Verdana, Arial, Helvetica, sans-serif;	color: #FFF;	margin-bottom: 15px;}
 {	font: 1.6em Verdana, Arial, Helvetica, sans-serif;	color: #f68f1e;	margin-bottom: 15px; background:#006666; width:630px; height:35px;}
div.content-menu h2 {	
	font: 1.6em Tempus Sands;	
	color: #f68f1e;	
	margin-bottom: 15px; 
	background:#3a0809; 
	width:830px; 
	height:20px;
	text-align:center;
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
	padding:10px 15px 20px 15px;
}
h3 {	font: 1.6em Verdana, Arial, Helvetica, sans-serif;	color: #f68f1e;	margin-bottom: 25px; font-weight:bold;}
h4 {	font: 1.2em Verdana, Arial, Helvetica, sans-serif;	color: #f68f1e;	margin-bottom: 15px;}
h5 {	font: 1.1em Verdana, Arial, Helvetica, sans-serif;	color: #f68f1e;	margin-bottom: 15px;}
p {	font-size: 1.5em;	line-height: 1.8em;	margin-bottom: 15px;}

div.content-menu p{
	font-size: 14px;	
	line-height: 15px;
}
div.content-menu strong{
	font-weight:bold; 
	color:#ffd045;
}

a {	color: #f68f1e;	text-decoration: none;}
a:hover {	color: #f6c11e;	text-decoration: none;}

hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #cecece;
	margin: 30px 0 30px 0;
}




.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;

}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #ffd045;
	color: #3a0709;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.suckertreemenu{
background-color:#b50909;
border-top:6px solid #fff; 
border-bottom:6px solid #fff;
height:45px;
margin-left:auto;
margin-right:auto;
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color:#b50909; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
padding-left:10px;
padding-right:10px;
 /*Width of top level menu link items*/
height:20x; 
padding-top:12px; 
padding-bottom:12px; 
background-color:#b50909;
text-decoration: none;
color: #ffffff;
text-align:center;
font: normal 14px Verdana, Arial, Helvetica, sans-serif; 
color: #fff; height: 20px;	
text-decoration: none;	
text-transform: uppercase;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding-top:0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
list-style:none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #ffffff;
text-decoration: none;
padding: 5px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: #f1bbbb;;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #b50909; url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #b50909; url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

#maintitle{
	font-family:verdana;
	font-size:30px;
	font-weight:bold;
	background-color:#b50909;
	border-bottom:6px solid #fff;
	height:38px;
	text-align:center;
	padding-top:0px;
	background-color:#682121;
}

.delivlist li{
	list-style:square;
	font-size:14px;
}

.delivlist {
	padding-left:180px;
}

#days{
	width:60px;
	float:left;
}

#days li{
	list-style:none;
	padding-top:10px;
}

#hours{
	width:100px;
	float:right;
	padding-right:10px;
}

#hours li{
	list-style:none;
	padding-top:10px;
}

#open{
	text-align:center;
	padding-top:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
}

#closing{
	text-align:center;
}

#submitmes{
	text-align:center;
	font-size:16px;
}

#treemenu1{
	width:750px;
	margin-left:auto;
	margin-right:auto;
}