/*
Title:		Main ChefsHat CSS
Author:		Doug Seidl
Created:	Aug 03, 2006
Updated:	Aug 10, 2006
Notes:		--
*/

/*-------------------------------------
  HTML TAG STYLES
-------------------------------------*/
body {
background:#CCDFED url(../images/bg_top.gif) repeat-x top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#153C5B;
padding:0px;
margin:21px 0px 10px 0px;
}
h1 {/* This is how it looks when sIFR is disabled */
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#fe8f00;
padding:0px;
margin:0px 0px 10px 0px;
}
h2 {
font-size:16px;
color:#294e65;
font-weight:bold;
padding:0px;
margin:0px 0px 5px 0px;
}
h3 {
font-size:12px;
color:#294e65;
font-weight:bold;
padding:0px;
margin:0px 0px 3px 0px;
}
h4 {/* This is how it looks when sIFR is disabled */
font-size:16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#fe8f00;
padding:0px;
margin:0px 0px 10px 0px;
}
p {
padding:0px;
margin:0px 0px 10px 0px;
}

/*-------------------------------------
  SIFR
-------------------------------------*/
.sIFR-hasFlash h1 {/* This is how it actually looks in the browser when working */
visibility:hidden;
font-size:20px;
color:#fe8f00;
height:29px;
padding:0px;
margin:0px 0px 5px 0px;
}
.sIFR-hasFlash h4 {/* This is how it actually looks in the browser when working */
visibility:hidden;
font-size:18px;
color:#d7a55d;
height:27px;
padding:0px;
margin:0px 0px 1px 0px;
}

/* These are standard sIFR styles... do not modify */
.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;
}

/*-------------------------------------
  DEFAULT LINKS
-------------------------------------*/
a, a:visited {
color:#1A6BAB;
text-decoration:underline;
}
a:hover, a:active {
color:#fe8f00;
}

/*-------------------------------------
  CORE LAYOUT
-------------------------------------*/
#container_outer {
display:block;
background:#666 url(../images/main_wrapper_fill.gif) repeat-y;
width:783px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
#container_top {
display:block;
background:url(../images/topcap.gif) no-repeat top;
}
#container_bottom {
display:block;
background:url(../images/bottomcap.gif) no-repeat bottom;
}
#container_topleft {
display:block;
background:url(../images/top_left.gif) no-repeat 0px 29px;
}
#container_topright {
display:block;
background:url(../images/top_right.gif) no-repeat right 29px;
}
#container_inner {
display:block;
padding:0px 6px 7px 6px;
margin:0px;
}

/*-------------------------------------
  TOP LINKS
-------------------------------------*/
#top_links {
display:block;
height:21px;
padding:8px 1px 0px 0px;
margin:0px;
text-align:right;
color:#2B608A;
}
#top_links ul {
list-style:none;
padding:0px;
margin:0px;
}
#top_links ul li {
display:inline;
padding:0px 0px 0px 5px;
}
#top_links ul li a.icon_login, #top_links ul li a.icon_login:visited {
background:url(../images/icon_login.gif) no-repeat 0px 0px;
color:#2B608A;
text-decoration:none;
padding:0px 0px 3px 18px;
}
#top_links ul li a.icon_cart, #top_links ul li a.icon_cart:visited {
background:url(../images/icon_cart.gif) no-repeat 0px 0px;
color:#2B608A;
text-decoration:none;
padding:0px 0px 3px 18px;
}
#top_links ul li a.icon_register, #top_links ul li a.icon_register:visited {
background:url(../images/icon_register.gif) no-repeat 0px 0px;
color:#2B608A;
text-decoration:none;
padding:0px 0px 3px 18px;
}
#top_links ul li a.icon_myaccount, #top_links ul li a.icon_myaccount:visited {
background:url(../images/icon_myaccount.gif) no-repeat 0px 0px;
color:#2B608A;
text-decoration:none;
padding:0px 0px 3px 18px;
}

#top_links ul li a.icon_login:hover, #top_links ul li a.icon_login:active, #top_links ul li a.icon_cart:hover, #top_links ul li a.icon_cart:active {
color:#F60;
}
#top_links ul li a.icon_register:hover, #top_links ul li a.icon_register:active, #top_links ul li a.icon_myaccount:hover, #top_links ul li a.icon_myaccount:active {
color:#F60;
}



/*-------------------------------------
  HEADER ROW
-------------------------------------*/
#header_row {
display:block;
background:#fff;
width:771px;
height:225px;
}
#header_banner_01 {
display:block;
background:#fff url(../images/header_01.jpg) no-repeat left top;
float:left;
width:571px;
height:223px;
padding:0px;
margin:0px;
}
#conversion_area {
display:block;
background:#F9F0E1;
float:right;
width:174px;
height:203px;
border:2px solid #FDBA39;
padding:6px 10px 10px 10px;
margin:0px;
color:#153C5B;
font-size:10px;
}
#conversion_area p {
padding:0px;
margin:5px 0px 10px 0px;
}
#conversion_area a.link_arrow, #conversion_area a.link_arrow:visited {
background:url(../images/link_arrow.gif) no-repeat 0px 2px;
text-decoration:none;
color:#1A6BAB;
font-weight:bold;
padding:0px 0px 0px 12px;
margin:0px;
}
#conversion_area a.link_arrow:hover, #conversion_area a.link_arrow:active {
color:#fe8f00;
}


/*-------------------------------------
  MAIN COLUMNS
-------------------------------------*/
#body_content {
display:table;
width:771px;
}
#left_column {
display:block;
float:left;
width:198px;
padding:0px 0px 25px 0px;
}
#main_column_3 {
display:block;
float:left;
width:335px;
padding:13px 18px 18px 18px;
margin:0px 2px;
}
#main_column_2 {
display:block;
float:left;
width:531px;
padding:13px 18px 18px 18px;
margin:0px 2px;
}
#right_column {
display:block;
float:right;
width:198px;
}

/*-------------------------------------
  LEFT COLUMN MODULES
-------------------------------------*/
#nav_1 {
display:block;
background:#153345 url(../images/leftbox_dark.gif) repeat-x top;
padding:10px 10px 15px 10px;
margin:0px;
border-bottom:2px solid #fff;
color:#fff;
}
#nav_2 {
display:block;
background:#294E65 url(../images/leftbox_light.gif) repeat-x top;
padding:10px 10px 15px 10px;
margin:0px;
border-bottom:2px solid #fff;
color:#fff;
}
#left_ad_1 {
display:block;
background:#aaa;
padding:0px;
margin:0px;
border-bottom:2px solid #fff;
color:#fff;
height:60px;
}

/*-------------------------------------
  NAVIGATION 1
-------------------------------------*/
#nav_1 ul {
list-style:none;
padding:0px;
margin:0px;
}
#nav_1 ul li ul {
padding:0px 0px 0px 20px;
}
#nav_1 ul li a, #nav_1 ul li a:visited {
background:url(../images/icon_box.gif) no-repeat 0px 0px;
color:#fff;
text-decoration:none;
padding:0px 0px 4px 20px;
}
#nav_1 ul li a:hover, #nav_1 ul li a:active {
color:#FEA801;
}
#nav_1 ul li ul li a, #nav_1 ul li ul li a:visited {
background:url(../images/bullet_dark.gif) no-repeat 0px 4px;
color:#fff;
text-decoration:none;
padding:0px 0px 0px 11px;
}
#nav_1 ul li ul li a:hover, #nav_1 ul li ul li a:active {
background:url(../images/bullet_dark_selected.gif) no-repeat 0px 4px;
color:#FEA801;
}

/*--- Selected ---*/
#nav_1 ul li a.mainnav_selected, #nav_1 ul li a.mainnav_selected:visited {
color:#FEA801;
}
#nav_1 ul li ul li a.mainnav_selected, #nav_1 ul li ul li a.mainnav_selected:visited {
background:url(../images/bullet_dark_selected.gif) no-repeat 0px 4px;
color:#FEA801;
}

/*-------------------------------------
  NAVIGATION 2
-------------------------------------*/
#nav_2 ul {
list-style:none;
padding:0px;
margin:0px;
}
#nav_2 ul li ul {
padding:0px 0px 0px 20px;
}
#nav_2 ul li a, #nav_2 ul li a:visited {
background:url(../images/icon_house.gif) no-repeat 0px -1px;
color:#fff;
text-decoration:none;
padding:0px 0px 4px 20px;
}
#nav_2 ul li a:hover, #nav_2 ul li a:active {
color:#FEA801;
}
#nav_2 ul li ul li a, #nav_2 ul li ul li a:visited {
background:url(../images/bullet_light.gif) no-repeat 0px 4px;
color:#fff;
text-decoration:none;
padding:0px 0px 0px 11px;
}
#nav_2 ul li ul li a:hover, #nav_2 ul li ul li a:active {
background:url(../images/bullet_light_selected.gif) no-repeat 0px 4px;
color:#FEA801;
}

/*--- Selected ---*/
#nav_2 ul li a.mainnav_selected, #nav_2 ul li a.mainnav_selected:visited {
color:#FEA801;
}
#nav_2 ul li ul li a.mainnav_selected, #nav_2 ul li ul li a.mainnav_selected:visited {
background:url(../images/bullet_light_selected.gif) no-repeat 0px 4px;
color:#FEA801;
}

/*-------------------------------------
  RIGHT COLUMN MODULES
-------------------------------------*/
.right_ad_1 {
display:block;
background:#ddd;
padding:0px;
margin:0px;
border-bottom:2px solid #fff;
color:#fff;
height:60px;
}

/*-------------------------------------
  FOOTER
-------------------------------------*/
#footer {
width:775px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:10px;
color:#2b608a;
}
#footer a, #footer a:visited {
color:#1A6BAB;
text-decoration:underline;
}
#footer a:hover, #footer a:active {
text-decoration:none;
}

/*-------------------------------------
  OTHER
-------------------------------------*/