/*--------------------------------------

Title: Eating Gluten Free Stylesheet

Version: 1.0

--------------------------------------*/



/*---- Template Styles ----*/


body{
background-color: #70b2b7;
background-image: url(images/image.gif);
background-repeat: no-repeat;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #000000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.content_wrapper_01{
background-color: #e1dfc8;
background-image: url(images/egf_bg.gif);
background-repeat: repeat;
width: 100%;
height: 100%;
overflow: hidden;    
border: 0px solid #ff0000;
}

.content_wrapper_02{
background-color: transparent;
background-image: url(images/egf_bg_top.gif);
background-repeat: repeat-x;
width: 100%;
height: 100%;
overflow: hidden;
border: 0px solid #ff0000;
}


.content_wrapper_03{
background-color: transparent;
background-image: url(images/egf_content_bg_fade.png);
background-repeat: repeat-y;
width: 820px;
height: 100%;
margin: 0px auto 0px auto;
overflow: hidden;        
border: 0px solid #ff0000;
}

.content_wrapper_04{
background-color: transparent;
background-image: url(images/egf_content_bg_main.png);
background-repeat: no-repeat;
width: 820px;
height: 100%;
margin: 0px auto 0px auto;  
overflow: hidden;        
border: 0px solid #00ff00;
}

.content_wrapper_bottom{
background-color: transparent;
background-image: url(images/egf_content_bg_bottom.png);
background-repeat: no-repeat;
margin: 0px auto 0px auto;    
margin-bottom: 50px;
width: 820px;
height: 25px;
}

.egf_logo{
background-color: transparent;
background-image: url(images/eating_gluten_free_logo.png);
background-repeat: no-repeat;
width: 119px;
height: 121px;
float: left;
margin: 30px 0px 0px 37px;
}


.shopping_nav{
float: right;
width: 600px;
text-align: right;
margin: 10px 30px 0px 0px;
}

.shopping_nav br{
display: none;
}

.shopping_nav a{
font-family: verdana, sans-serif;
font-size: 8pt;
text-decoration: none;
color: #b5b4a0;
padding: 1px 2px 1px 2px;
}

.shopping_nav a:hover{
font-family: verdana, sans-serif;
font-size: 8pt;
color: #e9e7d5;
}

.search{
float: right;
text-align: right;
margin: 0px 30px 0px 0px;
padding: 7px;
padding-bottom: 5px;
background-color: #4b777a;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.search-input{
width: 70pt;
background-color: #5b8f93;
border: 1px solid #446c6f;
font-size: 8pt;
margin: 0px;
color: #c6c4af;
vertical-align: top;

}

.search_button{
margin: 0px;
padding: 0px;
}

.main_nav{
float: right;
margin: 44px 30px 0px 0px;
width: 620px;
height: 20px;
text-align: right;
border: 0px solid #ff0000;
}

.main_nav br{
display: none;
}

.main_nav a{
font-family: verdana, sans-serif;
font-size: 10.5pt;
text-decoration: none;
color: #e9e7d5;
padding: 2px 4px 4px 4px;
margin: 0px 0px 0px 4px;
font-weight: bold;
text-shadow: 1px 1px 5px #203e40;  
}

.main_nav a:hover{
background-color: #63b233;
color: #e9e7d5;
text-shadow: 1px 1px 1px #203e40; 
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}


.footer{
background-color: #70b2b7;
background-image: url(images/egf_bg_bottom.gif);
background-repeat: repeat-x;
width: 100%;
height: 200px;
border: 0px solid #ff0000;
}

.footer_content{
width: 770px;
border: 0px solid #ff0000;
margin: 0px auto 0px auto;
padding: 30px 0px 0px 0px;
color: #c4d7d8;
line-height: 15px;
text-shadow: 1px 1px 2px #2e5457;  
}

.footer_content a{
color: #c4d7d8;
}

.footer_content a:hover{
color: #ffffff;
}

/*---- END Template Styles ----*/



/*---- Content Styles ----*/


h1{
font-family: verdana, sans-serif;
color: #63b233;
font-size: 18pt;
font-weight: normal;
margin: 0px 0px 15px 0px;
text-shadow: 1px 1px 3px #cccccc;  
}

p{
font-family: verdana, sans-serif;
font-size: 12pt;
line-height: 18px;
margin: 10px 0px 20px 0px;
color: #272727;
}

p a{
color: #452200;
}

p a:hover{
color: #7ec7cd;
}

.content{
float: left;
width: 770px;
margin: 0px 0px 0px 25px;
border: 0px solid #ff0000;
}

.content_window{
float: right;
width: 690px;
background-color: #ffffff;
overflow: hidden;
margin: 10px 20px 20px 0px;
padding: 20px;
border: 1px solid #dfdfdf;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.content_main{
float: right;
width: 515px;
}

.content_nav{
float: left;
width: 115px;
margin: 10px 0px 20px 20px;
}

.content_nav a{
text-decoration: none;
color: #452200;
font-weight: bold;
}

.content_nav a:hover{
color: #7ec7cd;
}

.content_nav ul{
margin: 0px 0px 0px 2px;
}

.content_nav li{
list-style-type: none;
font-size: 10pt;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #452200;
}

.content_nav li:hover{
margin: 0px 0px 10px 0px;
list-style-type: disc;
color: #7ec7cd;
}

ul{
margin: 0px 0px 0px 18px;
}

li{
margin: 0px 0px 14px 0px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
list-style-type: disc;
color: #452200;
}

li  a{
color: #452200;
font-weight: bold;
text-decoration: none;
}

li  a:hover{
color: #7ec7cd;
text-decoration: underline;
}

a.link_other {
color: #272727;
font-weight: normal;
}

a.main_button{
background-image: url(images/egf_button_main.gif);
background-repeat: no-repeat;
background-position: 0 -36px;
height: 36px;
display: inlne;
padding: 9px 0px 10px 18px;
text-decoration: none;
color: #ffffff;
border: 0px solid #ff0000;
font-weight: bold;
text-align: right;
text-shadow: 1px 1px 2px #303030;  

}

a.main_button span{
background-image: url(images/egf_button_cap.gif);
background-repeat: no-repeat;
background-position: 100% -36px;
height: 36px;
display: inlne;
padding: 9px 18px 10px 0px;
text-decoration: none;
color: #ffffff;
border: 0px solid #ff0000;
}

a:hover.main_button{
background-position: 0 0;
}

a:hover.main_button span{
background-position: 100% 0;
}

.main_button_container{
float: right;
margin: 10px 0px 0px 0px;
}




.accordion {
	width: 515px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion div {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}




/*---- END Content Styles ----*/




/*---- Home Page Specific Styles ----*/


.focus_banner {
float: left;
height: 210px;
width: 162px;
margin: 0px 5px 0px 5px;
}

.banner_mixes{
background-image: url(images/banner_mixes.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

.banner_cookbook{
background-image: url(images/banner_cookbook.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

.banner_recipes{
background-image: url(images/banner_recipes.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

.banner_tips{
background-image: url(images/banner_tips.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

.focus_banner a{
background-image: url(images/egf_focus_banner.png);
background-repeat: no-repeat;
background-position: -165px 0;
display: block;
height: 210px;
width: 148px;
text-decoration: none;
padding: 10px 0px 0px 15px;
border: 0px solid #ff0000;
text-shadow: 1px 1px 2px #575757;  

}

.focus_banner a:hover{
background-position: 0 0;

}

.banner_title1{
color: #452200;
text-transform: uppercase;
font-weight: bold;
font-size: 8pt;
}

.banner_title2{
color: #ffffff;
font-size: 16pt;
}

.content_window_left{
float: left;
width: 315px;
margin: 0px 0px 20px 20px;
}

.content_window_right{
float: right;
width: 315px;
margin: 0px 20px 20px 0px;


}


/*---- END Home Page Specific Styles ----*/





/*---- Store Styles ----*/



h1{
font-family: verdana, sans-serif;
color: #63b233;
font-size: 18pt;
font-weight: normal;
margin: 0px 0px 15px 0px;
text-shadow: 1px 1px 3px #cccccc;  
}

p{
font-family: verdana, sans-serif;
font-size: 12pt;
line-height: 18px;
margin: 10px 0px 20px 0px;
color: #272727;
}

p a{
color: #452200;
}

p a:hover{
color: #7ec7cd;
}

.category_seperator{
font-family: verdana, sans-serif;
color: #452200;
font-size: 12pt;
font-weight: normal;
margin: 0px 0px 0px 10px;
text-shadow: 1px 1px 3px #cccccc; 
}

.category_seperator a{
color: #452200;
text-decoration: underline;
}

.category_seperator a:hover{
color: #5d9398;
text-decoration: none;
}

.content_window hr{
      color: #e4e4e4;
      background-color: none;
      height: 1px;
}

.tablecontent{
text-decoration: none;
color: #272727;
padding: 10px;
vertical-align: top;

}

.tablecontent a{
text-decoration: none;
color: #452200;
font-weight: bold;
}

.tablecontent a:hover{
color: #7ec7cd;
}



/*---- END Store  Styles ----*/