/*
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;

}

#back-office #innerpage{
  padding-top:  10px;
}


#sidemenu{
    width:  194px;
    float:  left;
    padding-bottom: 10px;
}

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

#back-office #content{
  padding-bottom:   0;
}


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

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

#maincontent.wide{
  width:    632px;
}


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

}




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

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

h2#logo span{
  display:  none;
}


#sidebar a.block{
  width:    193px;
  height:   74px;
  display:  block;
  color:    #fff;
  text-decoration:none;
}

#sidebar a.block .title{
  padding:  8px 5px 3px 10px;
  font-size:    20px;
  display:  block;
}
#sidebar a.block .text{
  padding:  3px 5px 3px 10px;
  font-size:    14px;
}


a.block.red{
  background:   transparent url(images/block-red.gif) no-repeat top left;
}
a.block.orange{
  background:   transparent url(images/block-orange.gif) no-repeat top left;
}
a.block.yellow{
  background:   transparent url(images/block-yellow.gif) no-repeat top left;
}
a.block.green{
  background:   transparent url(images/block-green.gif) no-repeat top left;
}
a.block.purple{
  background:   transparent url(images/block-purple.gif) no-repeat top left;
}
a.block.grey{
  background:   transparent url(images/block-grey.gif) no-repeat top left;
}


.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,
#topmenu li a:link,
#topmenu li a:active,
#topmenu li a:visited
{
  font-size:    18px;
  text-transform: uppercase;
  text-decoration: none;
  color:    #7a7a7a;
}

#topmenu li a:hover{
  color:    #aa362c;
}

#topmenu li a span{

}





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 h3{
  font-size:    110%;
  font-weight:  bold;
  margin:   1em 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;
}


.twtr-widget{
  margin:   10px 15px;
}

iframe{
  border:   none;
}

div.row{
  width:    100%;
  float:    left;
}

p.rubric{
  font-size:    85%;
}

#maincontent ul.buffet-menus li{
  list-style:   none;
  float:    left;
  width:    100%;
  padding:  5px 0;
}

.buffet-menus .menu{
  width:    100px;
  float:    left;
}

.buffet-menus .details{
  width:    250px;
  float:    left;
  padding-top:  7px;
}

.buffet-menus .location{
  font-weight:bold;
}


.menu a{
  width:    75px;
  height:   84px;
  display:  block;
  overflow: hidden;
  text-indent:  -999px;
}

.menu.food a{
  background:   transparent url(images/menu-phat-food.gif) no-repeat 0 0;
}
.menu.buffet a{
  background:   transparent url(images/menu-phat-buffet.gif) no-repeat 0 0;
}