@charset "UTF-8";
/* CSS Document */

/*----------- Start General Body Stylings -----------*/

body {
     font-size: 62.5%;
     font-family: Helvetica, Arial, Verdana;
     text-align: center;
     background: #414141 url(../images/body_bg.jpg) top left repeat; 
   }

a {
   outline: none;
  }
  
ul, ul li {
	list-style: none;
}

h1 {
     font-size: 2.6em;
     font-weight: bold;
     margin: 15px 0 5px 25px;
     color: #C11F27; 
   }
   
h2 {
     font-size: 2.2em;
   }
 
h2#contact_heading {
     margin: 17px 0 5px 0;
     color: #B4B4B4;
   }

h1#contact_heading_red {
     margin-bottom: 5px;
   }
   
h2#hours_heading {
     margin: 20px 0 5px 0;
     color: #B4B4B4;
   }

h2#menu_heading {
     font-size: 1.8em;
     color: #B4B4B4;
     margin: 15px 0 5px 15px;
   }

h2#enquiry {
	 font-size: 1.8em;
	 margin: 20px 0 5px 26px;	 
}

h2#find {
	 font-size: 1.8em;
     margin: 62px 0 5px 25px; 
   }
   
p {
     font-size: 1.3em;
     line-height: 1.5em;
     margin: 0 25px 10px 25px;
     color: #5F5F5F;
   }

p.details {
     font-family: Helvetica, Arial, Verdana;
     font-size: 1.4em;
     line-height: 1.6em;
     font-weight: normal;
     color: #FFF;
     margin: 0;
   }

p.contact_details {
     font-size: 1.4em;
     margin: 0 0 0 25px;
   }

p#trading_hours {
     font-size: 1.2em;
   }

p#copy {
     float: left;
     text-align: left;
     width: 570px;
     margin: 5px 0 0 0;
   }

p#design {
     float: right;
     width: 310px;
     margin: 5px 0 0 0;
     text-align: right;
   }

p#design a {
     color: #696D70;
     text-decoration: none;
   }

p#design a:hover {
     color: #C11F26;
   }

p#disc {
     font-size: 1.2em;
     margin: 0 50px 5px 60px;
     line-height: 1.2em;
   }

img#logo {
     margin: 16px 92px 15px 70px;
   }
   
img#menu_pad {
     margin: 15px 52px 15px 52px;
   }

span.title {
     color: #C11F27;
   }

span#parking {
     font-size: 1em;
   }

div.clear {
     clear: both;
   }

br.clearfloat { 
	clear:both; 
	display:block; 
	height:1px; 
	margin:-1px 0 0 0 
}

/*----------- End General Body Stylings --------------*/


/*----------- Start Layout Stylings ----------*/

div#wrapper {
     width: 880px;
     margin: 0 auto;
     text-align: left;
   }

div#header {
     height: 146px;
     width: 880px;
     background: #C11F26 url(../images/header_bg.jpg) top left repeat-x;
   }

div#logo_container {
     float: left;
     height: 126px;
     width: 860px;
     margin: 9px;
     background-color: transparent;
     border: 1px solid #FFF;
   }

div#content{
     float: left;
     width: 880px;
     background: #6A6E71 url(../images/info_bg.jpg) top left repeat;
   }

div#content_contact {
     float: left;
     width: 880px;
     background-color: #FFF;
   }

div#redemp {
     float: left;
     height: 368px;
     width: 880px;
     background: #FFF url(../images/redemp_interior.jpg) center no-repeat;
   }

div#redemp_menu {
     float: left;
     height: 368px;
     width: 880px;
     background: #FFF url(../images/fish&chips.jpg) center no-repeat;
   }

div#redemp_hs {
     float: left;
     height: 368px;
     width: 880px;
     background: #FFF url(../images/hamburger.jpg) center no-repeat;
   }

div#redemp_packs {
     float: left;
     height: 368px;
     width: 880px;
     background: #FFF url(../images/redemp_pack.jpg) center no-repeat;
   }

div#redemp_sss {
     float: left;
     height: 368px;
     width: 880px;
     background: #FFF url(../images/salads.jpg) center no-repeat;
   }

div#redemp_sfc {
     float: left;
     height: 368px;
     width: 880px;
     background: #FFF url(../images/sushi.jpg) center no-repeat;
   }

div#redemp_contact {
     float: left;
     height: 368px;
     width: 880px;
     background: #FFF url(../images/map.jpg) center no-repeat;
   }

div#main_content {
     float: left;
     min-height: 330px;
     width: 585px;
     background-color: #FFF;
   }
   
div#main_content p {
	margin-bottom: 10px;
}

div#info_col {
     float: left;
     min-height: 320px;
     width: 295px;
     background: #6A6E71 url(../images/info_bg.jpg) top left repeat;
   }

div#quick_contact {
	 float: left;
     width: 245px;
     height: 135px;
     margin-left: 25px;
     border-bottom: 1px dashed #787878;
   }

div#store_hours {
     float: left;
     width: 275px;
     height: 195px;
     margin-left: 25px;
   }
   
div#main_content_sec {
     float: left;
     min-height: 380px;
     width: 605px;
     background-color: #FFF;
   }
   
div#side_menu {
     float: left;
     height: 380px;
     width: 275px;
     background: #6A6E71 url(../images/info_bg.jpg) top left repeat;     
   }

div#form_section {
     float: left;
     min-height: 480px;
     width: 440px;
     background-color: #FFF;
   }
   
   div#form_section p {
   	font-size: 1.2em;
   }

div#location {
     float: left;
     min-height: 480px;
     width: 440px;
     /*background-color: #6A6E71;*/
   }

div#map {
     float: left;
     width: 380px;
     height: 280px;
     margin: 20px 0 25px 25px;
     border: 1px solid #000;
   }

div#footer {
     float: left;
     width: 880px;
     font-size: 0.8em;
     margin-bottom: 5px;
     text-align: center;
     color: #696D70;
   }   

/*----------- End Layout Stylings ----------*/

/*----------- Start Main Menu Stylings -----------*/

ul#navigation {
   float: right;
   width: 340px;
   height: auto;
   margin: 10px 10px 0 0;
   }

ul#navigation li {
   float: left;
   width: auto;
   padding: 0 30px 0 30px;
   border-right: 2px solid #FFF;
   }

ul#navigation li a {
	font-size: 1.9em;
	color: #FFF;
	text-decoration: none;
   }

ul#navigation li#last {
	border-right: none;
	padding-right: 0;
   }

#home_page ul#navigation li a#home,
#menu_page ul#navigation li a#menu,
#hs_page ul#navigation li a#menu,
#packs_page ul#navigation li a#menu,
#sss_page ul#navigation li a#menu,
#sfc_page ul#navigation li a#menu,
#contact_page ul#navigation li a#contact,
ul#navigation li a:hover {
	color: #C11F27;
   }
/*----------- End Main Menu Stylings -----------*/

/*----------- Start Sub Menu Stylings -----------*/

ul#sub_navigation {
   float: left;
   width: 250px;
   margin: 10px 0 0 17px;
  }
  
ul#sub_navigation li {
	padding-bottom: 15px;
}
  	
ul#sub_navigation li a {
   font-size: 1.6em;
   position: relative;
   color: #FFF;
   text-decoration: none
  }

#menu_page ul#sub_navigation li a#fc,
#hs_page ul#sub_navigation li a#hs,
#packs_page ul#sub_navigation li a#packs,
#sss_page ul#sub_navigation li a#sss,
#sfc_page ul#sub_navigation li a#sfc,
ul#sub_navigation li a:hover {
	color: #CB4C4D; 
  }

/*----------- End Sub Menu Stylings -----------*/

/*-----------Start Form Stylings-----------------------------------------------------*/
  
#form {
    width: 402px;
    font-family: Helvetica, Arial, Verdana;
    font-size: 1.6em;
    margin-left: 25px;
    margin-bottom: 10px;
    color: #565656;
    border-right: 1px dashed #5F5F5F;
  }

fieldset {
    width: 310px;
    margin: 10px 0 0 95px;
    padding: 0;
    border: none;
  }


label {
    float: left;
    font-weight: normal;
    width: 95px;
    height: 33px;
    margin: 0 0 0 -95px;
    padding-top: 3px; 
  }
  
input,
textarea,
select {
    display: block;
  }
  
input,
textarea {
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 0.9em;
    color: #000;	
    width: 250px;
    background: #FFF url(../images/input_box_bg.jpg) top left repeat-x;
    border: 1px solid #5F5F5F;
  }
 
input {
    padding: 8px;
  }

textarea {
    height: 140px;
  }

input#submit {
    font-size: 9px;
    color: #CA2830;
    border: none;
    cursor: pointer;
    float: left;
    background: url(../images/submit_button.jpg) no-repeat 0 0;
    width: 264px;
    height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 30px 0 0 130px;
  }

div.form_element {
    float: left;
    margin-bottom: 15px;
  }

p.error {
    margin: 15px 58px 0 20px;
  }
  
p.successful {
    margin: 15px 58px 10px 20px;
    padding: 10px;
    color: #339933;
    background-color: #99FF99;
    border: 2px solid #66CC66;
  }

label.error {
   width: 290px;
   height: 20px;
   font-family: Helvetica, Arial; 
   font-size: 0.7em;
   padding: 0;
   color: #FF0033;
   border: none;
   margin: 5px 0 0 0;
   background-color: transparent;
  }

.custom {
   padding: 7px;
   border-width: 1px;
   margin: 0;
  }
  
.red {
     color: #C11F27;
  }
  
/*-----------End Form Stylings------------------------------------------------------*/