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



body { background:url(../images/bg_body.gif) repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

p { font-size:14px; font-weight:normal; color:#6C4140}

h2 { font-size:16px; font-weight:bold; color:#C33026}
h3 { font-size:20px; font-weight:bold; color:#751917}


#wrapper { width:975px; margin:0 auto}


#header { width:960px; float:left; background:url(../images/bg_header.png) no-repeat; padding-right:10px; padding-left:5px}
 
.logo { float:left; padding-left:250px; position:relative}

.search { float:right; background:url(../images/bg_search.png) no-repeat; margin-top:8px}
.search fieldset { float:left; padding:3px 5px}
.search fieldset .button_go { float:left; padding:3px}
.search fieldset .bg_input { width:169px; float:left; background:url(../images/bg_input.gif) no-repeat; padding:4px }
.search fieldset .input { width:160px; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999999; border:none; background:none}



#navbar { width:978px; float:left; padding-left:15px; margin-top:-52px}

.nav { width:978px; height:40px; float:left; background:url(../images/bg_navbar.gif) no-repeat}
.nav ul { list-style:none; padding-left:15px; position:relative}

.nav ul li { float:left; background:url(../images/li_divider.gif) no-repeat right center; font-size:0.65em; font-weight:bold; color:#751917; padding:5px 12px; font-family:Arial, Helvetica, sans-serif;}

.nav ul li.spacer { padding-right:55px; background:none}
.nav ul li.bordernone { background:none}

.nav ul li a:link, .nav ul li a:visited { color:#751917; text-decoration:none}
.nav ul li a:hover { color:#FEF290; text-decoration:none}
.nav ul li a.selected { color:#FEF290; text-decoration:none}

.nav ul li ul li a:link, .nav ul li ul li a:visited { color:#FEF290; text-decoration:none}
.nav ul li ul li a:hover { color:#fff; text-decoration:none}






#content { width:952px; float:left; padding:0 11px}

#content h1 { height:28px; background:url(../images/bg_heading.gif) repeat-x; padding-top:6px; padding-left:30px}
#content h2 { font-size:16px; font-weight:bold; color:#C33026; font-family:"Myriad Pro", Arial, Helvetica, sans-serif}


.content_bordertop { width:952px; height:5px; float:left; background:url(../images/bg_content_bordertop.gif) no-repeat}
.content_bordermiddle { width:952px; float:left; background:url(../images/bg_content_bordermiddle.png) repeat-y; padding-top:8px}
.content_borderbottom { width:952px; height:10px; float:left; background:url(../images/bg_content_borderbottom.gif) no-repeat}

.content_bordertop_stretch { width:952px; height:5px; float:left; background:url(../images/bg_content_bordertop.gif) no-repeat}
.content_bordermiddle_stretch { width:952px; float:left; background:url(../images/bg_content_bordermiddle.png) repeat-y; padding-top:8px}
.content_borderbottom_stretch { width:952px; height:10px; float:left; background:url(../images/bg_content_borderbottom.gif) no-repeat}


#leftpanel { width:614px; float:left; padding-right:8px}

#welcome { width:614px; float:left}

.leftcontent { width:230px; float:left; padding:20px 10px 0 15px}
.leftcontent p { line-height:1em; padding-bottom:10px}

.photobox { width:343px; float:left; background:url(../images/bg_photobox.gif) no-repeat; padding:8px; margin-top:14px}

.greatfood { float:left; margin-top:-145px; padding-left:10px}


.checkout { width:100%; float:left; padding-left:45px; padding-bottom:35px; margin-top:20px}
.photo_checkout { float:left; margin-top:15px; margin-right:5px;}
.content_checkout { width:215px; float:left; background:#d7b289; text-align:center; margin-top:10px; margin-left:10px; padding:10px;}

.content_checkout .button_online  a { margin:0 auto; width:157px; height:70px; background:url(../images/button_clickhere.png) no-repeat}
.button_online2 a { width:157px; height:70px; float:left; margin-left:30px; margin-top:-7px; background:url(../images/button_clickhere.png) no-repeat}

.logo_wtf { margin:0 auto;}


#rightpanel { width:330px; float:left}

.signup { width:310px; float:left; padding-left:20px} 

.vip_pass { float:right; margin-top:-160px; margin-right:-20px; margin-bottom:-45px; position:relative}

.button_clickhere { width:152px; float:left; margin-top:-45px; padding-left:12px; position:relative}
.button_clickhere a { width:152px; height:67px; float:left; background:url(../images/button_clickhere.png) no-repeat}

.divider { width:330px; height:67px; float:left; background:url(../images/divider_right.gif) no-repeat} 


.satisfaction { width:330px; float:left; margin-top:-50px; padding-bottom:15px}
.coolvideo, .vote, .sauceline { width:330px; float:left}
.slideshow { float:left; padding:12px 10px}
.votehere { float:left; padding:12px 10px}



#footer { width:975px; float:left}
#footer p { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:center; padding:8px 0}