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


/**************************
NAVIGATION
**************************/
ul#navMain {padding:0; margin:0; top:0;}

ul#navMain a.AboutDS {width:96px; height: 42px; padding:0; margin:0; background-position:0px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; border:none; display:block;}
ul#navMain a.GFProducts {width:93px; height: 42px; padding:0; margin:0; background-position:-96px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; border:none; display:block;}
ul#navMain a.GFRecipes {width:93px; height: 42px; padding:0; margin:0; background-position:-189px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; border:none; display:block;}
ul#navMain a.CoeliacHelp {width:92px; height: 42px; padding:0; margin:0; background-position:-282px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; border:none; display:block;}
ul#navMain a.Forum {width:92px; height: 42px; padding:0; margin:0; background-position:-374px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; border:none; display:block;}
ul#navMain a.News {width:93px; height: 42px; padding:0; margin:0; background-position:-466px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; border:none; display:block;}
ul#navMain a.Blog {width:93px; height: 42px; padding:0; margin:0; background-position:-559px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; display:block; border:none;}
ul#navMain a.ContactDS {width:93px; height: 42px; padding:0; margin:0;  background-position:-652px 0px; background-image: url(/images/DSNav.jpg); background-repeat:no-repeat; border:none; display:block;}

ul#navMain a.AboutDS:hover {background-position:0px -42px;}
ul#navMain a.GFProducts:hover {background-position:-96px -42px;}
ul#navMain a.GFRecipes:hover {background-position:-189px -42px;}
ul#navMain a.CoeliacHelp:hover {background-position:-282px -42px;}
ul#navMain a.Forum:hover {background-position:-374px -42px;}
ul#navMain a.News:hover {background-position:-466px -42px;}
ul#navMain a.Blog:hover {background-position:-559px -42px;}
ul#navMain a.ContactDS:hover {background-position:-652px -42px;}


ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0;}
ul.dropdown { position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; color: #FFFFFF; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown { font-weight: normal; font-size:10px; }
ul.dropdown li { width:auto; height:45px;  /*padding: 10px 10px 17px 10px;*/  } /* BACKGROUND COLOR */
	
ul.dropdown li.hover,  ul.dropdown li:hover { background:url(/Images/Nav_Back.png) center top no-repeat; } /* HOVER BACKGROUND */

ul.dropdown a:link,  ul.dropdown a:visited { text-decoration: none; color: #FFFFFF; }
ul.dropdown a:hover {  }
ul.dropdown a:active { }

/* -- level mark -- */
ul.dropdown ul { width: 150px; margin-top: 0px; text-align: left;}
ul.dropdown ul li { font-weight: normal;color: #FFFFFF;  }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class  */

ul.dropdown *.dir { /*padding: 13px 10px 7px 10px;*/ display:block;   }
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir { padding-right: 10px; /*background: #FFFFFF url(/Image/nav-more.gif) 0 0 no-repeat;*/  color:#FFFFFF;}
ul.dropdown-upward *.dir { }
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir {  color:#FFFFFF; }
ul.dropdown-vertical-rtl *.dir { padding-right: 10px; padding-left: 0px; background: ; }

/*-------------------------------------------------/
 * @section		Base Style Extension */
ul.dropdown a, ul.dropdown span { display: block; padding: 13px 10px 7px 10px; color:#FFFFFF;  }
ul.dropdown a:hover, ul.dropdown span:hover { color:#FFFFFF;}
/*-------------------------------------------------/
 * @section		Base Style Override */
ul.dropdown li { padding: 0; border: none; }
ul.dropdown ul a, ul.dropdown ul span { padding: 0px 10px 7px 10px; }

/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities */

/*------------------------------------------------/
 *	@section	Custom Styles */
ul.dropdown li {  color: #FFFFFF; font-weight:normal;  }
ul.dropdown li.hover, ul.dropdown li:hover {  color: #FFFFFF; font-weight:normal; }
ul.dropdown li a:active { background:none; }
ul.dropdown li a:hover {color: #FFFFFF; }

/* Non-first level */
ul.dropdown ul { margin-top: 0px; color: #FFFFFF;  background-color: #1A2182; border-top:1px solid #efefef; }
ul.dropdown ul ul { border-top:none;color: #FFFFFF; }
ul.dropdown ul a { color: #FFFFFF;  background:none; padding-left:0px; }
ul.dropdown ul li { background: none; color: #FFFFFF; }
ul.dropdown ul li.hover,  ul.dropdown ul li:hover { color: #FFFFFF; font-weight:normal; }
ul.dropdown li a:hover { color:#FFFFFF; }
ul.dropdown ul li a { color: #FFFFFF; }
ul.dropdown ul li a:hover { color:#FFFFFF; background:#1A2182;}

/* Mixed */
ul.dropdown *.dir { /*background: url(/Image/nav-arrow-transparent.gif) 10px 5px no-repeat;*/    }
ul.dropdown ul *.dir { padding:0px 0 0px 0px  }
ul.dropdown ul ul *.dir { padding:0px 0 0px 0px  }
ul.dropdown li a {   }

/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial * */
ul.dropdown li.hover *.open { color: #FFFFFF;  padding-left:0px;  }
ul.dropdown ul li.hover *.open {color: #FFFFFF;  padding-left:0px;  }

ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open {  font-weight:normal;  }
ul.dropdown-vertical-rtl li.hover *.open { }
ul.dropdown-upward li.hover *.open { }
ul.dropdown-upward ul li.hover *.open { }

/* CSS2 clone */
ul.dropdown li:hover > *.dir {  color: #FFFFFF; padding-left:0px;   }
ul.dropdown ul li:hover > *.dir,  ul.dropdown-vertical li:hover > *.dir { padding-left:0px; font-weight:normal; }
ul.dropdown-vertical-rtl li:hover > *.dir2 {  }
ul.dropdown-upward li:hover > *.dir2 {  }
ul.dropdown-upward ul li:hover > *.dir2 {  }

ul.dropdown li {text-decoration: none; color:#FFFFFF;  font-weight: normal;/*border-left:1px solid #FFFFFF; border-right:1px solid #ebebea; border-bottom:5px solid #85cca7; */ }
ul.dropdown li:hover {/*border-bottom:5px solid #FFFFFF;*/ color:#FFFFFF;}
ul.dropdown ul li { font-size:10px; border-left:none; border-bottom:none; border-right:none;}
ul.dropdown li a {text-decoration: none; color:#FFFFFF;  font-weight: normal; width:auto; }
ul.dropdown li a:hover { color: #FFFFFF; }
ul.dropdown ul ul li a:hover {}
ul.dropdown li li a:hover { color: #FFFFFF;  font-size:10px;background:#1A2182;}
ul.dropdown ul li { color: #FFFFFF;height:auto; }

ul.dropdown ul li:hover {border-bottom:none;}
ul.dropdown ul li a { color: #242424; border-botto-color:none; }
ul.dropdown ul li a:hover { color: #1A2182; background:#fdb813;}
ul.dropdown li a:active {color: #FFFFFF; }
ul.dropdown ul li a {padding: 7px 10px 7px 10px; border-bottom:1px solid #FFFFFF;  border-top:1px solid #FFFFFF;}
ul.dropdown li.selected {  border-bottom:5px solid #FFFFFF;}