/*
Title:			Mad Gab's - Global CSS
Author: 		Pemaquid Communications
Last Update: 	12/31/2009
*/


/* =general styles
---------------------------------------------------------- */
body {
	font: 62.5% helvetica, arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	background:#3B240B;
	color: #333;
	line-height:1.8em;	
	}

h1{
	font-size: 180%;
	}

h2{
	font-size: 160%;
	color: #2f412e;
	line-height:1.1em;	
	margin:0 0 10px 0;
	font-family:"gill sans";
	}

h3{
	font-size:120%;
	font-weight:bold;
	color:#000;
	font-family:'Lucida Grande', tahoma;	
	}
	
a, a:visited{
	color:#2f412e;
	text-decoration:underline;
	}

a:hover{
	color:#fff;
	background:#2f412e;
	}
	
a img{
	border:none;
	}
	
.clear {
	clear:both;
	}

.right{
	float:right;
	padding:0 0 0 10px;
	}

.left{
	float:left;
	padding:0 10px 0 0;
	}

.text_right{
	text-align:right;
	}
	
.text_center{
	text-align:center;
	}
	
.text_red{
	color:red;
	font-weight:bold;
	}
	
blockquote{
	font-size:120%;
	line-height:1.5em;
	color:#000;
	font-family:georgia, times, serif;
	font-style:italic;
	background:#f5f5ff;
	padding:20px 20px 0px 20px;
	margin:0;
	border-top:1px solid #dfdfdf;
	}
	
cite{
	font-family:'Lucida Grande', tahoma;
	font-style:normal;
	display:block;
	text-align:right;
	color:#000;
	padding:0px 20px 20px 0px;
	background:#f5f5ff;
	border-bottom:1px solid #dfdfdf;
	}
	
.image_caption{
	font-family: georgia, serif;
	font-size: 85%;
	text-align: center;
	width: 200px;
	font-style: italic;
	}
	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	 }

 
* html .clearfix {
	height: 1%; /* IE5-6 */
}
	
/* =page structure
---------------------------------------------------------- */	
#content {
	margin:0 auto;
	padding:10px 20px 0px 20px;
	width:920px;
	background:#fff;
	}
	
#main{
	width:470px;
	float:left;
	padding:0 0 20px 0;
	margin:0;
	display:inline;
	font-size:1.3em;
	/* font-size:1.5em;   we should pump up the font size  */   
	}
	
#sidebar{
	width:260px;
	padding:0 0 20px 0;
	margin: 0;
	float:right;
	font-size:1.2em;
	}
	
.wrapper{
	width:800px;
	margin:0 auto;
	position:relative;
	}

/* =skipnav	
---------------------------------------------------------- */	
a#skipnav {
	font-family:'Lucida Grande';
	font-size:small;
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:0;
	background: transparent;
	font-weight: bold;
	text-align: center;
	text-indent:-9999px;
	z-index:200;
	}

a#skipnav:link, a#skipnav:visited {
	color: #000;
	text-decoration:none;
	}

a#skipnav:hover, a#skipnav:focus, a#skipnav:active {
	text-indent: 3em;
	background: #fdbe57;
	}


/* =header
---------------------------------------------------------- */
#header{
	margin:0 auto;
	width:100%;
	background:transparent url(/images/gradient-grass.jpg) repeat-x top left;
	}
	
#inner_header{
	padding:10px 0 0 0;
	width:100%;
	background:transparent url(/images/madgabs_logoCritters_256_v3.gif) no-repeat center center;
	}
	
#header h1{
	position:relative;
	top:0;
	left:0;
	width:620px;
	height:115px;
	margin:0 0 60px 260px;
	padding:0;
	z-index:100;
	}
	
#header h1 a{	
	display:block;
	width:304px;
	height:133px;
	text-indent:-9999px;
	}

#header h1 a:hover{	
	background:transparent;
	}

	
/* =nav
---------------------------------------------------------- */		
#nav{
	background:#1EB25A /*url(/images/nav-bg-new.gif) repeat-x left center*/;
	padding:0;
	height:40px;
	width:100%;
	position:relative;
	top:2px;
	z-index:100;
	}
	
#nav ul{
	margin: 0 auto;
	padding: 0;
	font-size: 135%;
	font-family:'Lucida Grande', tahoma;
	width:920px;
	
	}
	
#nav ul.right, #nav ul.left{
	margin:0;
	}
	
#nav ul.right{
	padding-right:9px;
	}
	
#nav ul.left{
	padding-left:9px;
	}
	
#nav li{
	margin:0;
	list-style-type:none;
	float:left;
	position:relative;
	text-align:center;
	padding:1px;	
	}
	
#nav li.first{
	}
		
#nav li a{
	color:#333;
	text-decoration:none;
	display:block;
	padding:10px 10px;
	
	}
	
#nav li.current{	
	border:1px solid #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	background:#fff;
	padding:0;
	}
	
#nav li.current a{
	color:#000;
	background:transparent;
	}
	
#nav a:hover{
	background:transparent;
	color:#000;
	}
	
#nav li:hover, #nav li.sfHover{
	background:#aaccee;
	border:1px solid #aaccee;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	padding:0;
	}
	
#nav li ul {
	width:200px;
	display: none;
	padding:5px;
	position: absolute; 
	top: -999em;
	left: 0;
	font-size:90%;
	background:#aaccee;
	border:1px solid #aaccee;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
  }
  

  
#nav  li:hover ul, #nav li.sfHover ul { 
	top:39px;
	}
	
#nav li ul li{
   text-align:left;
  float:none;
  width:auto;
  }
  
 #nav li ul li a{
  padding:5px;
  }

#nav li li:hover{
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	padding:0;
	background:#fff;
	}

#nav li.sfHover li a:hover{
	background:#fff;
	}
	
/*secondary nav
---------------------------------------------------------- */		
#secondary-nav {
	margin:0 auto;
	position:absolute;
	z-index:200;
	top:13px;
	right:20px;
	text-align:right;
	font-size:110%;
	}
	
#secondary-nav ul{
	margin:0 0 0 0;
	padding:0 5px;
	float:right;
	background: rgba(35, 31, 32, 0.3);
	border:1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
#secondary-nav li{
	margin:0 3px;
	padding:2px 2px;
	list-style-type:none;
	float:left;
	
	}
		
#secondary-nav li a{
	color:#E7E4E2;
	text-decoration:none;
	text-transform:uppercase;
	}
	
#secondary-nav li a:hover{
	text-decoration:underline;
	background:transparent;
	color:#000;
	}
	
#secondary-nav li.cart_link{
	padding-left:20px;
	background:transparent url(/images/cart-link.png) no-repeat center left;
	}
	
/* =footer
---------------------------------------------------------- */		
#footer{
	clear:both;	
	margin:0 auto;
	padding:10px 0 10px 0;
	width:800px;
	text-align:center;
	font-size:1.2em;
	color:#999;
	font-family:'Lucida Grande', tahoma;	
	}
	
#footer h3{	
	margin:0;
	padding:0;
	display:none;
	}
	
#footer a{
	text-decoration:underline;
	}
	
#footer h3 a{	
	text-decoration:none;
	border-bottom:none;
	}

#footer ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#footer_nav{
	margin:0 auto;
	clear:both;
	padding:6px 0;
	}
	
#footer_nav ul{
	margin:0;
	padding: 0;
	text-align:center;
	}
	
#footer_nav li{	
	list-style-type:none;
	display:inline;
	margin:0 5px;
	}

#footer_nav li a{
	/* color:#9aca3b; */
	color:#f0ca90;
	text-decoration:none;
	margin: 0;	
	padding:5px;
	}
	
#footer_nav a:hover{
	color:#231f20;
	/* background:#9aca3b; */
	background:#f0ca90;
	}
	
#footer .vcard{
	margin:10px;
	}
	
#footer .vcard a{
	/* color:#9aca3b; */
	color:#f0ca90;
	text-decoration:none;
	margin: 0;	
	}
	
#footer .vcard a:hover{
	color:#231f20;
	/* background:#9aca3b; */
	background:#f0ca90;
	}

/* =marquee
---------------------------------------------------------- */		
#marquee{
	padding:0;
	margin:0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:2px solid #C3C2C2;
	/*border-right:2px solid #A8A6A6;
	border-bottom:2px solid #A8A6A6;*/
	clear:both;
	font-size:130%;
	line-height:1.6em;
	padding:20px 30px 0 30px;
	font-family:georgia, serif;
	font-style:italic;
	}
	
#marquee h3{
	margin:0;
	padding:0;
	font-style:normal;
	}

/* =sidenav
---------------------------------------------------------- */	
#sidenav{
	font-family:'Lucida Grande', tahoma;
	text-transform:uppercase;
	}

#sidenav ul{
	margin:0 auto;
	padding:0;
	}
	
#sidenav li{
	margin:3px 10px;
	padding:0;
	list-style-type:none;
	padding:5px 0;
	font-size:120%;
	}
	
#sidenav a{
	padding:6px 10px;
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	}

#sidenav a, #sidenav a:visited{
	color:#000;
	}
	
#sidenav a:hover{
	color:#000;
	}

#sidenav li.current a{
	font-weight:bold;
	}
	
#sidenav ul li ul{
	margin:0;
	padding:0;	
	}
	
#sidenav li ul li{	
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom:none;
	font-size:85%;
	}

#sidenav ul li ul li a{
	padding:8px 20px;
	}	
	
#sidenav li.current li a{
	font-weight:normal;
	}
	
#sidenav li li.current a, #sidenav li li.current a:hover{
	background:transparent url(/images/bullet.gif) no-repeat left center;
	}
	
.about_nav li a, .wholesale_nav li a{
	border:1px solid #EAB25F;
	background:#fdc973 url(/images/nav-bg.gif) repeat-x left center;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	}
	
.about_nav li a:hover, .wholesale_nav li a:hover{
	background:#fdc973 url(/images/nav-bg.gif) repeat-x left center;
	}


.about_nav li li a, .wholesale_nav li li a{
	border:none;
	border-bottom:1px dotted #EAB25F;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background:transparent;
	}
	
.about_nav li li a:hover, .wholesale_nav li li a:hover{
	background:#fee1b3;
	}
	
.team_nav li a{
	border:1px solid #95bfe5;
	background:#D8E8F6;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	}

.team_nav li li a{
	border:none;
	border-bottom:1px dotted #95bfe5;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background:transparent;
	}
	
.team_nav li li a:hover{
	background:#D8E8F6;
	}
	


/* =home page
---------------------------------------------------------- */	
.promo{
	font-family:'Lucida Grande', tahoma;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px;
	margin:0 0 10px 0;
	font-size:110%;
	}
	
.promo h3{
	margin:0;
	padding:0;
	}
	
.promo h3 a{
	text-decoration:none;
	color:#000;
	}
	
.promo h3 a:hover{
	background:#000;
	color:#fff;
	}

.about_us_promo{
	border:2px solid #fec2ca;
	background:#FEDEE2 url(/images/3Moose.gif) no-repeat 170px center;	
	padding-right:100px;
	}
		
.whats_new_promo{
	border:2px solid #9FCF3E;
	background:#E5F2CA url(/images/whats_new_promo.gif) no-repeat 210px center;	
	padding-right:60px;
	}

	
.buy_promo{
	border:2px solid #95bfe5;
	background:#D8E8F6 url(/images/namerica.gif) no-repeat 150px center;	
	padding-right:100px;
	}
	
.promo_one{
	border:2px solid #fec2ca;
	background:#FEDEE2;	
	}
	
.promo_two{
	border:2px solid #9FCF3E;
	background:#E5F2CA;	
	}
	
.promo_three{
	border:2px solid #95bfe5;
	background:#D8E8F6;	
	}
	
.learn_more{
	text-align:right;
	}
	
	
/* =breadcrumb
---------------------------------------------------------- */	
#breadcrumb{
	margin:0;
	padding:0;
	font-size:95%;
	}
	
/* =map
---------------------------------------------------------- */	
.map {
	border:1px solid #333333;
	height:300px;
	margin:20px 0pt 0px 0px;
	text-align:center;
	width:240px;
	}
	
/* =resources
---------------------------------------------------------- */		
.resources{
	margin:0;
	padding:0;
	}
	
.resources li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	list-style-type:none;
	border-bottom:1px solid #ddd;
	}
	
.resources a{
	font-weight:bold;
	}
	
/* =news
---------------------------------------------------------- */		
.news{
	margin:0;
	padding:0;
	}
	
.news li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	list-style-type:none;
	border-bottom:1px solid #ddd;
	}
	
.news a{
	font-weight:bold;
	}

/* =press
---------------------------------------------------------- */		
.press{
	margin:0;
	padding:0;
	}
	
.press li{
	float:left;
	width:200px;
	/* height:200px; */
	margin:10px 30px 10px 0;
	padding:0 0 10px 0;
	list-style-type:none;
	text-align:center;
	}
	
.press a{
	font-weight:bold;
	}
	
/* product pages
---------------------------------------------------------- */
.products_page #main{
	width:920px;
	}
	

.products_page #sidebar{
	display:none;
	
	}
	
	
.products{
	width:230px;
	float:left;
	display:inline;
	margin:10px;
	padding:10px 0;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #C3C2C2;
	border-right:1px solid #A8A6A6;
	border-bottom:1px solid #A8A6A6;
	background:#fff;
	}
	
.products_wrapper{
	background:#D7D6D6;
	background:#efefef;
	padding:5px 0;
	margin:10px 0;
	}
	
.products a:hover{
	background:none;
	}
	
.products dt{
	white-space:nowrap;
	margin-bottom:10px;
	color:#000;
	}
	
.products dt a{
	color:#000;
	font-family:'lucida grande', tahoma;
	text-decoration:none;
	font-weight:bold;
	}
	
.products dt a:hover{
	color:#000;
	text-decoration:underline;
	}
	
.products dt a strong{
	font-family:georgia, serif;
	}
	
.products dd{
	margin:0;
	
	}

.product_intro{
	font-size:120%;
	line-height:1.6em;
	padding:20px 20px 20px 200px;
	font-family:georgia, serif;
	border-top:1px solid #9FCF3E;
	border-bottom:1px solid #9FCF3E;
	min-height: 150px;
	}
	
.product_intro_noimage{
	font-size:120%;
	line-height:1.6em;
	padding:20px 20px 20px 20px;
	font-family:georgia, serif;	
	background:#E5F2CA;
	border-top:1px solid #9FCF3E;
	border-bottom:1px solid #9FCF3E;
	}
	
.category_intro{
	font-size:120%;
	line-height:1.6em;
	padding:20px 20px 20px 20px;
	font-family:georgia, serif;
	}
	
.category_intro img{
	float:left;
	margin:0 10px 0 0;
	}
	
.lip_page .product_intro{
	background:#E5F2CA url(/images/lipbalm.gif) no-repeat 10px center;
	}
	
.shimmer_page .product_intro{
	background:#E5F2CA url(/images/shimmer-trio.gif) no-repeat 10px center;
	}
	
.shimmer_page_new .product_intro{
	background:#E5F2CA url(/images/shimmer-trio-new.gif) no-repeat 10px center;
	}
	
.hand_page .product_intro{
	background:#E5F2CA url(/images/handbalm.gif) no-repeat 10px center;
	background:#E5F2CA url(/images/Moose-Moist-Balm.gif) no-repeat 10px center;
	}
	
.foot_page .product_intro{
	background:#E5F2CA url(/images/footbalm.gif) no-repeat 10px center;
	background:#E5F2CA url(/images/Peppermint-BFB-copy.gif) no-repeat 10px center;
	}
	
.candles_page .product_intro{
	background:#E5F2CA url(/images/candle.gif) no-repeat 10px center;
	}
	
.gift_page .product_intro{
	background:#E5F2CA url(/images/candle.gif) no-repeat 10px center;
	}
	
.product_item #main{
	width:920px;
	}
	
.product_item .left{
	width:420px;
	text-align:center;
	}
	
.product_item .right{
	width:400px;
	
	}
	
.price{
	font-size:180%;
	font-family:georgia, serif;
	}
	
.product_description{
	font-size:140%;
	font-family:georgia, serif;
	line-height:1.5em;
	}
	
.product_item a.thickbox:hover{
	background:transparent;
	}
	
/* =history
---------------------------------------------------------- */
.history{
	line-height:1.5em;
	}
	
.history dt{
	font-weight:bold;
	font-size:130%;
	position:relative;
	left:0;
	top:20px;
	font-family:'lucida grande', tahoma;
	margin:0;
	text-align:center;
	width:100px;
	}
	
.history dd{
	margin:0 0 10px 110px;
	padding:0 0 0;
	}
	
/* =mission
---------------------------------------------------------- */
.mission{
	margin:0;
	padding:0;
	font-family:georgia, serif;
	list-style-type:none;
	line-height:1.6em;
	}
	
.mission li{
	margin:5px 0;
	border-bottom:1px dotted #999;
	padding:10px 0;
	font-size:120%;
	}

/* =breadcrumb
---------------------------------------------------------- */	
.breadcrumb{
	padding:0 0 5px 0;
	color:#666;
	}
	
/* =confirm page
---------------------------------------------------------- */
.confirm_header{
	background:#F9EAD3;
	border:2px solid #EAB25F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
	}

table#confirm_cart{
	margin:10px 0;
	font-family:'lucida grande', tahoma;
	width:100%;
	}
	
table#confirm_cart th{
	background:#efefef;
	padding:5px;
	border-collapse:collapse;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:right;
	}
	
table#confirm_cart td{
	padding:5px;
	}
	
.err_msg{
	background: #f99 !important; 
	font-weight: bold;
	color:#000;
	font-family:'lucida grande', tahoma;
	padding:10px;
	border:1px solid red;
	}
	
/* =contact page
---------------------------------------------------------- */
.team{
	text-align:center;
	}
	
.team h3{
	background:#eeeeee;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:5px;
	margin-bottom:5px;
	font-family:georgia, serif;
	}
	
.team h4{
	margin:0;
	padding: 0;
	}
	
.team dd{
	margin:0;
	padding:0;
	text-align:left;
	}
	
.contact_page #sidebar .vcard{
	padding:0;
	margin:0 0 10px 0;
	border:1px solid #C3C2C2;
	border-right:2px solid #A8A6A6;
	border-bottom:2px solid #A8A6A6;
	clear:both;
	font-size:130%;
	line-height:1.6em;
	padding:10px 30px;
	font-family:georgia, serif;
	text-align:center;
	}
	
.contact_page #sidebar .vcard h3{
	margin:0;
	padding:0;
	font-style:normal;
	font-family:georgia, serif;
	}
	
/* =store locator
---------------------------------------------------------- */
.store_state{
	background:#F9EAD3;
	border:2px solid #EAB25F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
	margin:16px 0 5px 0;
	}
	
.stores{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:1.6em;
	}
	
.stores li{
	margin:0 5px 5px 5px;
	padding:0 10px 5px 10px;
	border-bottom:1px dotted #999;
	}
	
/* =faqs
---------------------------------------------------------- */
.faqs_main{
	margin:0;
	padding:0;
	border-bottom:1px dotted #999;
	font-family:'lucida grande', tahoma;
	}
	
.faqs_main li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	list-style-type:none;
	}
	
.faqs_main a{
	font-weight:bold;
	}

.faqs{
	margin:0;
	padding:0;
	}
	
.faqs dt{
	margin:10px 0 0 0;
	padding:0;
	font-weight:bold;
	color:#333;	
	font-family:'lucida grande', tahoma;
	}
	
.faqs dd{
	padding:0px 0 0px 0;
	margin:0 0 0px 0;
	border-bottom:1px dotted #999;
	line-height:1.6em;
	}	
	
/* =view cart
---------------------------------------------------------- */
#navcart{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#navcart li{
	margin:5px;
	padding:0;
	float:left;
	}
	
#navcart li a{
	background:#fff;
	border:2px solid #EAB25F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	
	display:block;
	text-decoration:none;
	}
	
#navcart li a:hover{
	background:#EAB25F;
	color:#000;
	}

/* =shipping table
---------------------------------------------------------- */
#shipping {
	border:3px solid #f0ca90;
	width:100%;
	}

#shipping th, #shipping td {
	width:50%;
	border-bottom:1px solid #f9ead3;
	border-collapse: collapse;
	margin:0;
	text-align:center;
	}

#shipping th {
	background:#f9ead3;
	}