/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {font:13px/1.22 Trebuchet MS, arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}


/******************************************************
    Phat Pasty Company
    Redesign December 07

******************************************************/


body{
    margin: 0;
    padding:    0;
    text-align: center;
    background: transparent url(images/bg-tile.jpg) repeat;
}
#holdcentre{
  width:    839px;
  margin:   0 auto;
}
#outerpage{
  width:    839px;
  margin:   0 auto;
  background:   transparent url(images/page-shadow.gif) repeat-y top right;
float:  left;
}

#innerpage{
  width:    830px;
  float:    left;
  margin:   0 auto;
  text-align:   left;
    background:   #fff url(images/phat-stamp.gif) no-repeat top left;

}

#sidemenu{

    width:  194px;
    float:  left;

}

#content{
    width:  636px;
    float:    left;
    padding-bottom:  2em;
}

#topmenu{
  width:    100%;
  float:    left;
}

#maincontent{
  width:    428px;
  float:    left;
}

#sidebar{
  width:    204px;
  float:    right;
  text-align:   left;

}




/*******
 logo etc
*******/

h2#logo{
  width:    166px;
  height:   138px;
  display:  block;
  background:   transparent url(images/phat-logo.gif) no-repeat top left;
}

h2#logo span{
  display:  none;
}


#block-franchise{
  width:    193px;
  height:   73px;
  display:  block;
  background:   transparent url(images/block-franchise.gif) no-repeat top left;
}

#block-menu{
  width:    193px;
  height:   74px;
  display:  block;
  background:   transparent url(images/block-menu.gif) no-repeat top left;
}

#block-events{
  width:    193px;
  height:   72px;
  display:  block;
  background:   transparent url(images/block-events.gif) no-repeat top left;
}

#block-buffets{
  width:    193px;
  height:   72px;
  display:  block;
  background:   transparent url(images/block-buffets.gif) no-repeat top left;
}

.block span{
  display:  none;
}


.middle{
}



#sidemenu h2, #sidemenu p, #sidemenu form{
  margin-left:  18px;
}

p#telephone{
  width:    166px;
  height:   36px;
  display:  block;
  background:   transparent url(images/btn-telephone.gif) no-repeat top left;
  margin-top:   0;
  margin-bottom:    0;
}
p#contact a{
  width:    166px;
  height:   36px;
  display:  block;
  background:   transparent url(images/btn-contact-us.gif) no-repeat top left;
  margin-top:   0;
  margin-bottom:    0;

}
p span, p a span, label span{
  display:  none;
}

p#phat-story a{
  width:    166px;
  height:   36px;
  display:  block;
  background:   transparent url(images/btn-phat-video.gif) no-repeat top left;
  margin-top:   0;
  margin-bottom:    0;

}


/**************
  Main menu
**************/
#topmenu{
margin-bottom:    23px;
}

#topmenu ul{
  margin:   0;
  padding:  0;
  list-style:   none;

}

#topmenu li{
  list-style: none;
  float:    left;
  margin-right: 8px;

}

#topmenu li a span{
  display:  none;
}


a#menu-home{
  width:    58px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-home.gif) no-repeat top left;
}

a#menu-about{
  width:    85px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-about.gif) no-repeat top left;
}

a#menu-menu{
  width:    55px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-menu.gif) no-repeat top left;
}

a#menu-events{
  width:    68px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-events.gif) no-repeat top left;
}
a#menu-buffets{
  width:    68px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-buffets.gif) no-repeat top left;
}
a#menu-franchise{
  width:    91px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-franchise.gif) no-repeat top left;
}

a#menu-faqs{
  width:    55px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-faqs.gif) no-repeat top left;
}

a#menu-news{
  width:    54px;
  height:   23px;
  display:  block;
  background:   transparent url(images/menu-news.gif) no-repeat top left;
}

/* rollovers */

a#menu-home:hover, body#home a#menu-home,
a#menu-about:hover, body#about a#menu-about,
a#menu-menu:hover, body#menu a#menu-menu,
a#menu-events:hover, body#events a#menu-events,
a#menu-buffets:hover, body#buffets a#menu-buffets,
a#menu-franchise:hover, body#franchise a#menu-franchise,
a#menu-faqs:hover, body#faqs a#menu-faqs,
a#menu-news:hover, body#news a#menu-news{
  background-position: 0 -23px;
}



form#franchise{

  width:    166px;
  height:   122px;
  display:  block;
  background:   transparent url(images/form-login.gif) no-repeat top left;
  padding-top:  36px;
}

form#franchise div.row{
  margin:   5px 0;
}

form#franchise input.text{
  width:    70px;
  height:   13px;
  margin-left:  79px;
  border:   1px solid #fff;
  font-size:    10px;
}

form#franchise input.go{
  width: 22px;
  height:   22px;
  display:  block;
  background:   transparent url(images/btn-go.gif) no-repeat top left;
}

#maincontent h1#mainheading{

font-size:  2.5em;
  color:    #AA362C;
}

#maincontent h2{
  font-size:    120%;
  font-weight:  bold;
  margin:   0.6em 0 0.2em 0;
}


#maincontent a, #sidebar a{
  color: #AA362C;
}

#maincontent p, #sidebar p{
  margin:   0.6em 0
}

#maincontent ul{

  padding:   0 0 3px 15px;
}


#maincontent ul li {
list-style: square;
margin-bottom:  3px;

}


#footer{
  background:   #AA362C;
  clear:    both;
  font-size:    0.85em;
  padding:  0.3em 1em;

}

#footer p, #footer a{
  color:    #fff;
}


div#newsscroller{
  width:    423px;
  height:   31px;
  display:  block;
  background: transparent url(images/scroll-bg.gif) no-repeat top left;
}

ul.franchisemenu{
    list-style: none;
    margin-left: 20px;
    margin-bottom:  20px;
}
ul.franchisemenu li{
  margin:   2px 0;
}


ul.franchisemenu li a{
  width:    160px;
  height:   24px;
  display:  block;
  background:   transparent url(images/menu-franchise-bg.gif) no-repeat top left;
  color:    #fff;
  text-decoration:  none;
  font-size:    1em;
  padding: 4px 0 0 3px;
}

ul.franchisemenu li a:hover, ul.franchisemenu li a.on{
  background-position: 0 -46px;
}


.formrow{
  width:    100%;
  float:    left;
  padding:  5px 0;
}


.formrow label{
  width:    30%;
  float:    left;

}

.formrow label.large{
  width:    55%;
    margin-left:  30%;
}


.formrow input.text, .formrow textarea.text{
  width:    60%;
  float:    left;
}

fieldset label{
  width:    10%;
float:  none;
}


#maincontent fieldset ul li{
  margin-left:  130px;
  list-style:   none;
}



p.phat{
    color:  #AA362C;
    font-size:  1.2em;
    margin: 0.5em;
}



input.submit{
  margin-left:  130px;
}

/***********
SIFR STUFF
***********/


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


.sIFR-hasFlash h1 {
	visibility: hidden;
}


input.small-text{
  width:    50px;
}

input.text, textarea.text{
  width:    200px;
  margin:   0 0 5px 0;
}
input.send{
  width:    150px;
}


.big{
  font-size:    1.1em;
}

.small{
  font-size:    0.75em;
  display:  inline;
}