/* 
Minnesota Hookah V3 Theme CSS
CSS Originally By: Corey Eacret
Site Design By: M2E Designs
*/

/* Basic Page Styling */
html, body {
margin: 0px;
padding: 0px;
font-family: Century Gothic, arial, helvetica, sans-serif; 
font-size: 8pt; 
line-height: 120%;
}
body { background: #042036 url(images/mnh_custom/p_bg.jpg); }
img { border: 0px; margin: 0px; }

/* Basic Links */
a:link {
font-size: 9pt;
color: #000000;
font-family: Century Gothic, arial, helvetica, sans-serif; 
text-decoration: none;
}
a:visited { text-decoration: none; } 
a:active, a:hover { text-decoration: underline; } 

/* Page & Content Wrappers */
#page_wrap { height: 100%; width: 100%; background: url(images/mnh_custom/bg.jpg) repeat-x; }
#outer_wrap { width: 800px; height: 100%; background: url(images/mnh_custom/outer.gif) no-repeat; margin: 0 auto; text-align: left; }
#content_wrap { width: 698px; height: 100%; background-color: #fff; padding: 1px; margin: 0 auto; text-align: left; }

#top_banner { width: 698px; height: 32px; margin: 0 auto; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white;}

/* 1px Top White Borders */
.content_header, .specials_top, .specials_wrap, .mnh_news_top, .mnh_news, .mnh_test_top, .mnh_test, .top_menu, .logo_text, .right_menu_top, .cat_menu, .np_menu { 
border-top: 1px solid white;
}

/* Content Wrappers */
#top_wrap { height: 39px; background-color: #fff; }
#mc_wrap { border-top: 1px solid white; }
#footer_wrap { width: 698px; height: 49px; border-top: ; clear:both; }
#pc_wrap { min-height: 684px;   height:auto !important; height:684px; width: 501px; float: left; }
#rc_wrap { width: 196px; float: right; }

/* Top Section */
.top_nav {
background: #12446B url(images/mnh_custom/hf_left_tle.gif) repeat-x;
width: 501px;
height: 39px;
color: #FFFFFF;
float: left;
text-align: center;
line-height: 3;
}
.top_info {
background: #4F7491 url(images/mnh_custom/hf_right_tle.gif) repeat-x;
width: 186px;
height: 32px;
padding: 5px 5px 2px 5px;
color: #FFFFFF;
font-size: 9pt;
float: right;
}
#top_wrap a {
font-size: 9pt;
color: #ffffff;
border: 0px; 
text-decoration: none;
}
#top_wrap a:visited {
font-size: 9pt;
color: #ffffff;
text-decoration: none;
} 
#top_wrap a:hover {
text-decoration: underline;
}
#tn_list {
margin: 0px;
padding: 0px;
display: inline;
}
#tn_list li { padding: 3px 0px; display: inline; }

/* Main Content */
.main_header { width: 501px; height: 211px; background: #0F3B5D url(images/mnh_custom/m_header.gif); margin-top:0px; }
.content_header { width: 501px; height: 63px; background: #104064 url(images/mnh_custom/mnh_specials.gif); }
.specials_top { width: 501px; height: 21px; background: #12436B url(images/mnh_custom/right_menu_tle.gif); }
.specials_wrap { width: 501px; height: 195px; clear:both; }
.specials_area1 { width: 133px; height: 185px; padding: 10px 15px 0px 15px; border-right: 2px solid #ACACAC; float: left; overflow: hidden; }
.specials_area2 { width: 138px; height: 185px; padding: 10px 15px 0px 15px; border-right: 2px solid #ACACAC; float: left; overflow: hidden; }
.specials_area3 { width: 136px; height: 185px; padding: 10px 15px 0px 15px; float: right; overflow: hidden; }
.mnh_news_top { 
width: 257px; 
height: 21px;  
float: left; 
line-height: 1.3;
font-size: 10pt;
font-weight: bold;
color: white;
background: #12436B url(images/mnh_custom/right_menu_tle.gif);
}
.mnh_test_top { 
width: 243px; 
height: 21px; 
float: right;
line-height: 1.3;
font-size: 10pt;
font-weight: bold;
color: white; background: #12436B url(images/mnh_custom/right_menu_tle.gif);
}
.mnh_news { width: 247px; height: 168px; float: left; padding: 0px 5px; overflow: hidden; }
.mnh_test { width: 232px; height: 168px; border-left: 1px solid #ACACAC; float: right; padding: 0px 5px; overflow: hidden; }

/* MC Stykes */
.spl_h1 { float: left; font-size: 9pt; color: white; margin: 4px 51px 0px 8px;  }
.spc_h1 { float: left; font-size: 9pt; color: white; margin: 4px 47px 0px 0px; }
.spr_h1 { float: left; font-size: 9pt; color: white; margin: 4px 0px 0px 0px; }
.spec_h1 { margin: 0px 0px 3px 0px; color: #7C97AC; font-size: 14px; }
.sb_order { margin-top: 0px; margin-bottom: 0px; margin-right: 2px; float: left; text-align: right; }
.sb_order { margin-top: 0px; margin-bottom: 0px; margin-left: 2px; float: right; text-align: left;  }

/* Right Content */
.search_box {
width: 192px;
height: 59px;
border: 2px solid #4F7491;
background: url(images/mnh_custom/sb_bg.gif) repeat-x;
overflow: hidden;
}
.top_menu {
height: 147px;
background: #4F718C url(images/mnh_custom/top_menu.gif) no-repeat;
overflow: hidden;
}
.logo_text {
height: 63px;
background: #4F7491 url(images/mnh_custom/sm_logo.gif) no-repeat;
}
.right_menu_top {
height: 21px;
text-align: right;
line-height: 1.3;
font-size: 10pt;
font-weight: bold;
color: white;
background: #416785 url(images/mnh_custom/left_menu_tle.gif) repeat-x;
}
.cat_menu {
width: 175px;
height: 195px;
padding-right: 20px;
border-left: 1px solid #ACACAC;
color: #13466D;
text-align: left;
}
.np_menu {
position: relative;
top: 42px;
width: 187px;
height: 118px;
padding: 4px;
font-size: 7pt;
font-weight: bold;
border-left: 1px solid #ACACAC;
}

/* Live Chat init box */
.livechatcontainer {
position: absolute;
width: 196px;
height: 63px;
background-image: url(/images/chatbg.gif);
/*border-left: 1px solid #FFFFFF;
margin-top: 1px;*/
}

/* Temporary "Online Ordering Down" notice */

#tempdiv {
width: 698px;
height: 95px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
border-left: 1px solid white;
border-right: 1px solid white;
}

#sitemessage {
width: 618px;
height: 59px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
border-left: 1px solid white;
border-right: 1px solid white;
color: #FFFFFF;
text-align: center;
font-size: 11pt;
padding: 18px 40px;
}

#sitemessage a {
color: #FFFFFF;
font-size: 11pt;
}

#sitemessage a:active, a:hover {
text-decoration: underline;
}

.clearboth {
clear: both;
}

/* Live Chat (with CC message) */
#livechat {
float: left;
display: inline;
width: 150px;
height: 95px;
background-image: url(/images/chatbg.gif);
background-color: #000000;
}

/* Search Box */
input.sb_input { width: 165px; margin: 1px 0px 2px 10px; background: url(images/mnh_custom/sbar_bg.gif); border: 1px solid #ACACAC; }
a.sb_link:link { font-size: 9pt; color: #13466D; text-decoration: none; margin-left: 60px; }
a.sb_link:hover { margin-left: 60px; text-decoration: underline; }

/* Top Menu */
#tm_list {
list-style: none;
margin: 2px 0px 0px 0px;
text-align: left;
padding: 0px;
}
#tm_list li a {
display: block;
height: 23px;
width: 196px; 
text-decoration: none;
}
html>body #tm_list li a { width: auto; }
#tm_list li a i { visibility: hidden; }
#tm_list li a:hover { border-right: 10px solid #7C97AC; } 

/* Category Menu */
#cm_list{ list-style: none inside; margin: 2px 0px 0px 10px; padding-left: 0px; }
#cm_list li { border-bottom: 1px solid #ACACAC; background: url(images/mnh_custom/cb_dot.jpg) no-repeat 1% 50%; }
#cm_list li a {
padding: 5px 0px 5px 15px;
display: block;
color: #13466D;
font-weight: bold;
text-decoration: none;
}
html>body #cm_list li a { width: auto; }
#cm_list li a:hover { color: #13466D; background: #E2E2E2 url(images/mnh_custom/cb_dot.jpg) no-repeat 2% 50%; } 

/* Bottom Menus */
.bm_title { color: #0A2F4B; font-size: 9pt; font-weight: bold; margin: 5px 0px 5px 0px; }
.bm_text { color: #777777; font-size: 8pt; margin: 2px; }
.bm_read { color: #416785; text-align: right; line-height: 40%; margin: 5px; }
a.bm_link:link { font-weight: normal; color: #416785; text-decoration: none; }
a.bm_link:visited { font-weight: normal; color: #416785; text-decoration: none; }

/* Footer */
.footer_copyright {
background: #12446B url(images/mnh_custom/hf_left_tle.gif) repeat-x;
border-left: 1px solid white;
margin-left: -1px;
width: 501px;
height: 49px;
float: left;
text-align: center;
color: #ffffff;
}
.footer_info {
background: #4F7491 url(images/mnh_custom/hf_right_tle.gif) repeat-x;
border-right: 1px solid white;
border-left: 1px solid white;
margin-right: -1px;
width: 176px;
height: 23px;
float: right;
padding: 13px 10px;
}
.ft_p1 { margin: 10px 0px 0px 0px; }
.ft_p2 { margin: 0px; }
#footer_wrap a { font-size: 8pt; color: #ffffff; text-decoration: underline; }
#footer_wrap a:visited { font-size: 8pt; color: #ffffff; text-decoration: underline; } 
#footer_wrap a:hover { text-decoration: underline; }
#fi_list {
margin: 0px;
padding: 0;
height: 23px;
list-style: none;
display: inline;
overflow: hidden;
}
#fi_list li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline;
}
#fi_list a {
float: left;
padding: 23px 32px 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:23px; /* for IE5/Win only */
}
#fi_list a:hover { background-position: 0 -23px; }
#fil_mstrcrd a  { width: 37px; background: url(images/mnh_custom/fi_mastercard.gif) top left no-repeat; }
#fil_visa a  { width: 37px; background: url(images/mnh_custom/fil_visa.gif) top left no-repeat; }
#fil_dscver a  { width: 37px; background: url(images/mnh_custom/fil_dscvr.gif) top left no-repeat; padding-right: 0px; }

/* IE6 Specific Styles */
* html #cm_list li {float:left;clear:left;width:100%}
* html .spl_h1 { float: left; font-size: 9pt; color: white; margin: 4px 51px 0px 5px;  }
* html .spc_h1 { float: left; font-size: 9pt; color: white; margin: 4px 47px 0px 0px; }
* html .spr_h1 { float: left; font-size: 9pt; color: white; margin: 4px 0px 0px 0px; }
* html input.sb_input { margin: 0px 0px 0px 10px;}
* a.sb_link:hover { text-decoration: none; }
* .spec_h1 { margin: 0px; padding: 0px; }
* .specials_area1 { padding: 5px 15px 0px 15px; height: 190px; }
* .specials_area2 { padding: 5px 15px 0px 15px; height: 190px; }
* .specials_area3 { padding: 5px 15px 0px 15px; height: 190px; }

/* End CSS Coding */