.gizmo {margin:0px 20px 0px 20px;padding:5px 5px 5px 5px; width:auto;color:#000; background-color: none; border-bottom: dashed 1px #7c7c7c;}

#navcontainer {margin: 0;}
#navcontainer ul{margin: 0; padding:0; list-style-type: none;}
#navcontainer li {margin: 0 0 0 0;width:184px;border-top: 1px solid #000;}
#navcontainer a{width:184px; display: block; padding: 0.2em 0.5em; color: #000; background-color: #d7d7d7; font-weight:normal; text-decoration: none;border-left:5px solid #ddd;}
#navcontainer a:hover{color:#000; background-color: #d7d7d7; text-decoration: none; border-left:5px solid #f00;}

#navcontainer ul ul li {margin: 0 0 0 0;}
#navcontainer ul ul a{width:184px; font-weight:normal; display: block; padding: 0.2em 0.5em; color: #000;background-color: #b2c5f8;text-decoration: none;}
#navcontainer ul ul a:hover{color: #000; background-color: #a6d9f6; text-decoration: none; border-left:5px solid #f00;}
#navcontainer ul a.current{color: #000; background-color: #d7d7d7; text-decoration: none; border-left:5px solid #f00;}
#navcontainer ul ul a.current{color: #000; background-color: #a6d9f6; text-decoration: none; border-left:5px solid #f00;}


/*====================== SECTION TABS ============================*/

#tab-container {margin-top: 0; padding-left: 0; padding-top: 0; border-bottom: 5px solid #d7d7d7; background: url(nav_back.jpg);}
#tab-container ul{padding: 0.33em 0; margin: 0; }
#tab-container li{margin: 0; display: inline; list-style: none;}
#tab-container li a{text-decoration: none; padding: 0.4em 1em; margin-left: 0.15em; background: none;border: none; border-bottom: none;font-weight:bold;}
#tab-container a:link{color: #fff;}
#tab-container a:visited{color: #fff;}
#tab-container a:hover{border-color: #ddd;background: #d7d7d7;color: #eb1c24;}
#tab-container a#current-tab{background: #eb1c24; border: none; border-bottom: 1px solid #eb1c24; color: #000; font-weight: bold;}


/*==================================================================*/


/*====================== FRONT SECTION TABS ============================*/

#front-tab-container {text-align: center; height: 45px; margin-top: 0px; padding-left: 0; padding-top: 0; background: url(menu_bg.gif);}
#front-tab-container ul{padding: 10px 0 0 0; margin: 0; }
#front-tab-container li{margin: 0; display: inline; list-style: none;}
#front-tab-container li a{height: 45px !important; text-decoration: none; padding: 16px 15px 15px 15px; margin-left: 1px; font-weight:bold;}
#front-tab-container a:link{color: #fff;}
#front-tab-container a:visited{color: #fff;}
#front-tab-container a:hover{border-color: #ddd;background: #d7d7d7;color: #000; background: url(menu_bg_hover.gif);}
#front-tab-container a#current-front-tab{background: url(menu_bg_hover.gif); border: none; color: #000; font-weight: bold;}


/*====================== FRONT SECTION TABS WITH DROPDOWN MENU ============================*/

#front-tab-container-dropdown {}




/*==================================================================*/

/* ADMIN */
#admin-menu {margin: 0.1em;width:100%}
#admin-menu ul{margin: 0;padding:0;list-style-type: none;}
#admin-menu li {margin: 0 0 0.1em 0;width:10em;}
#admin-menu a{width:10em;display: block;padding: 0.2em 0.5em;color: #fff;background-color: #9C9C9C;font-weight:normal;text-decoration: none;border-left:5px solid #ddd;}
#admin-menu a:hover{color:#000;background-color:#fff;text-decoration: none;border-left:5px solid #bbb;}

#admin-menu ul ul li {margin: 0 0 0.1em 0;}
#admin-menu ul ul a{width:10em;font-weight:normal;display: block;padding: 0.2em 0.5em;color: #000;background-color: #9C9C9C;text-decoration: none;}
#admin-menu ul ul a:hover{color: #000;background-color: #fff;text-decoration: none;border-left:5px solid #bbb;}
#admin-menu ul a.current_admin{color: #000;background-color: #fff;text-decoration: none;border-left:5px solid #bbb;}
#admin-menu ul ul a.current_admin{color: #f00;background-color: #fff;text-decoration: none;border-left:5px solid #bbb;}


/* TOP */

/* bottom */
#bottom-menu ul{margin:0; padding: 2px; float: left; width: 100%; background: #fff;}
#bottom-menu li{display: inline;}
#bottom-menu ul a{float: left; text-decoration: none;	padding: 0.3em 2em;	border: 1px solid #99CC99;}
#bottom-menu a:link{color: #eee;}
#bottom-menu a:visited{color: #eee;}
#bottom-menu a:hover{color: #fff;}
#bottom-menu a#current{background: #D6EBD6; color: #000000;}

/* ============================================================================ */
.UserInfo {margin:0px 20px 0px 20px;padding:5px 0 5px 0px;width:auto;color:#000; border-bottom: dashed 1px #7c7c7c;}
.PageInfo {margin:0 0 5px 0; width:auto;padding:0.7em;background-color:#ECF3FA;border: 1px #C6DAE1 solid; color: #4d4d4d;}
.PageInfo h1 {padding:0;margin:0;font-size: 170%;font-weight:normal;}
.PageInfo p {font-size: 110%;padding-left:1em;}
.PageAccess {margin:0.5em;padding: 1em;width:auto; background-color: #7c7c7c;}
.PageAccess h1 {color:#f00;font-size: 170%;font-weight:normal;margin:0;}

.ActionReport {margin:0 0 0.5em 0;padding: 2px 2px 2px 5px;color:#000;background-color:#A7FF4F;	border: 0px solid #6c0;font-size: 14px !important;}
.ActionReport h1 {color:#307700;font-size: 100%;font-weight:normal;margin:0;}

.ErrorReport  {margin:0 0 0.5em 0;width:auto;text-align:left;padding: 2px 2px 2px 5px;color:#000;background: #FF4415; border: solid 0px #f30;font-size: 14px !important;}
.ErrorReport h1 {font-size: 170%;font-weight:normal;margin: 0.2em; color: #000;}

.WarningReport  {margin:0 0 0.5em 0;width:auto;text-align:left;padding: 2px 2px 2px 5px;color:#000;background: yellow; border: solid 0px #f30;font-size: 14px !important;}
.WarningReport h1 {font-size: 170%;font-weight:normal;margin: 0.2em; color: #000;}

.CurrentInfo {margin:0.5em;padding:0.5em;color:#000;background-color:#dbfbff;border: 1px solid #ACC2D9;}
.CurrentInfo h1 {color:#000;font-size: 170%;font-weight:normal;margin:0;}

.CurrentPage {margin:0 0 5px 0 ;padding:0.5em;color:#000;background-color:#dbfbff;border: 2px solid #4075FF;}
.CurrentPage h1 {color:#000;font-size: 170%;font-weight:normal;margin:0;}
.CurrentPage a:hover {color: red !important;}
.CurrentPage a:link {color:#4075FF;}
.CurrentPage a:visited {color:#4075FF;}
.CurrentPage a:active {color:#4075FF;}

.Message {margin:0 0 0.5em 0;padding:0.5em;color:#000;background-color: #dbfbff;border: 1px solid #f00;}
.Message h1 {color:#000;font-size: 170%;font-weight:normal;margin:0;}

.PageError {margin:0.5em auto;width:auto;text-align:left;padding:0.5em; background: #ffffef; border: solid 2px #f00;}
.PageError h1 {font-size: 170%;font-weight:normal;margin: 0.5em;}

#testimonials {margin:0.5em;font-size: 90%;font-style:italic;padding:0.5em;color:#000;background-color:#ffffe4;border: 1px solid #F0D070;}

/* ============================================================================ */

#top-menu  ul {margin: 0;padding-left: 0;margin-left: 0;margin-top: 0.1em;background-color: #fff;color: #fff;width:100%;}
#top-menu  ul li { display: inline; }
#top-menu ul li a {padding: 0.2em 0.5em;background-color: #fff;color: #555;text-decoration: none;float: left;border-right: 2px solid #fff;}
#top-menu  ul li a:hover {background-color: #fff;color: #000;}
#top-menu  ul li a.currentdoc {background-color: #fff;color: #000; font-weight:bold;}

/*Language Menu */

#lang-menu ul {margin: 0;padding-left: 0;margin-left: 0;margin-top: 0;background-color: #ECF3FA;color: #D9BFA4;float: right;width:100%;border-top: 1px solid #854001;}
#lang-menu ul li { display: inline; }
#lang-menu ul li a {padding: 0.2em 0.5em;background-color: #ECF3FA;color: #D9BFA4;text-decoration: none;float: right;border-left: 1px solid #D9BFA4;}
#lang-menu ul li a:hover {background-color: #854001;color: #000;}
#lang-menu ul li a.current-lang {background-color: #854001;color: #000; font-weight: bold;}

/*Language Menu Right*/
#lang-menu-right {margin-top: 10px;}
#lang-menu-right ul {height: 18px;text-align: center; width: 99%; margin: 0;padding: 3px 0 0 0;margin-left: 0;margin-top: 0;background-color: #ECF3FA; color: #000; float: right; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d;border-left: 1px solid #4d4d4d;border-right: 1px solid #4d4d4d;}
#lang-menu-right ul li { display: inline; font-weight: bold;}
#lang-menu-right ul li a {padding: 0.2em 0.5em;background-color: #ECF3FA;color: #000;text-decoration: none;border-left: 0px solid #4d4d4d;}
#lang-menu-right ul li a:hover {background-color: red;color: #fff;}
#lang-menu-right ul li a.current-lang {background-color: red;color: #fff;}

/*Page Top Nav */

#main-page-navigation{border-top: 1px solid #000; margin-right: auto; margin-left: auto; margin-top: 3em; 	margin-bottom: 3em;	z-index: 1; position: relative;}
#main-page-navigation ul{margin-top: -0.7em; z-index: 2; position: relative;}
#main-page-navigation li{display: inline; list-style: none;}
#main-page-navigation li a{text-decoration: none; padding: 0.4em 2em; margin-right: 1em;  background: #FFFFFF; border: 1px solid #cccccc;}
#main-page-navigation a:link{color: #000;}
#main-page-navigation a:visited{color: #000;}
#main-page-navigation a:hover{border: 1px solid #CC0000;}
#main-page-navigation a.current_page{background: #ffffff; border: 1px solid #000; color: #000;}

/*page navigation*/

/*
#page-navigation {margin: 0px; width:135px; padding: 0px;}
#page-navigation ul{margin: 0px; padding:0px; list-style: none; border-bottom:1px solid #000;}
#page-navigation li {margin: 0 0 0 0;width:135px; border-bottom:1px solid #000;}
#page-navigation a{width:135px;display: block;padding: 2px 2px;color: #fff;background-color: #AE6D00;font-weight:normal;text-decoration: none;}
#page-navigation a:hover{color:#000;background-color:#ECF3FA;text-decoration: none;}

#page-navigation ul ul li {margin: 0 0 0 0;}
#page-navigation ul ul a{width:135px;font-weight:normal;display: block;padding: 2px 2px;color: #fff;background-color: #808080;text-decoration: none; border-left:5px solid #000;}
#page-navigation ul ul a:hover{color: #000;background-color: #cccccc;text-decoration: none;}
#page-navigation ul a.current_page{color: #000;background-color: #ECF3FA;text-decoration: none;border-bottom:1px solid #000; font-weight: bold;}
#page-navigation ul ul a.current_page{color: #f00;background-color: #cccccc;text-decoration: none; border-bottom:0px solid #000; font-weight: bold; border-left:5px solid #000;}
*/

div#s1 {
  width: 100%;          /* menu width */
  margin-bottom: 0px;
}

div#s1 ul {
  background-color: #fff;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

div#s1 ul li {
  margin: 0;
  padding: 0;
  background-color: #fff;
  display:block;
  border-top: 1px solid #fff; /* lines */
  font-size: 11px !important;
  font-weight: bold;

}

div#s1 ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #4d4d4d;
  background-color: #C1DDF7;
  padding: 2px 3px 1px 15px;
  margin:0;
  text-decoration: none;
  min-height:18px;          /* hint for IE, alternatively remove whitespace from HTML */
}

div#s1 ul ul li a {
  margin-left: 7px;     /* indent level 1 */
  background-color: #A0CEF3;
}

div#s1 ul ul ul li a {
  margin-left: 14px;     /* indent level 2 */
  background-color: #85BDEF;
}

div#s1 ul ul ul ul li a {
  margin-left: 21px;     /* indent level 3 */
  background-color: #5FA8EB;
}

div#s1 ul ul ul ul ul li a {
  margin-left: 28px;     /* indent level 4 */
  background-color: #3D96E7;
}


div#s1 li ul, div#s1 li.open li.closed ul {
  display: none;         /* collapse */
}

div#s1 li.open ul {
  display: block;        /* expand */
}
 
div#s1 ul li.open a {
  background-image: url(Images/page-navigation/bullet_open.gif);
  background-repeat: no-repeat;
}

div#s1 ul li.closed a {
  background-image: url(Images/page-navigation/bullet_closed.gif);
  background-repeat: no-repeat;
}

div#s1 ul li.leaf a, div#s1 ul ul li.leaf a {
  background-image: url(Images/page-navigation/bullet_leaf.gif);
  background-repeat: no-repeat;
}
 
div#s1 li.active a {
  background-position: 0px -20px;
  color: #4D4D4D;
  font-weight: bold !important;
  background-color: #CCCC66 !important;
         /* highlight text */
}

div#s1 li.active li a {
  background-position: 0px 0px;
  color: #4D4D4D;         /* fix lower levels */
  font-weight: bold !important;
  background-color: #99FF66 !important;
}

div#s1 ul li a:hover {
  color: #4D4D4D;
  background-color: #C6DAE1; /* rollover effect */
  font-weight: bold;
}

/*Blog navigation*/

#blog-navigation {margin: 0px; width:135px; padding: 0px;}
#blog-navigation ul{margin: 0px; padding:0px; list-style: none; border-bottom:1px solid #000;}
#blog-navigation li {margin: 0 0 0 0;width:135px; border-bottom:1px solid #000;}
#blog-navigation a{width:135px;display: block;padding: 2px 2px;color: #fff;background-color: #AE6D00;font-weight:normal;text-decoration: none;}
#blog-navigation a:hover{color:#000;background-color:#ECF3FA;text-decoration: none;}

#blog-navigation ul ul li {margin: 0 0 0 0;}
#blog-navigation ul ul a{width:135px;font-weight:normal;display: block;padding: 2px 2px;color: #fff;background-color: #808080;text-decoration: none; border-left:5px solid #000;}
#blog-navigation ul ul a:hover{color: #000;background-color: #cccccc;text-decoration: none;}
#blog-navigation ul a.current_cat{color: #000;background-color: #ECF3FA;text-decoration: none;border-bottom:1px solid #000;}
#blog-navigation ul ul a.current_cat{color: #f00;background-color: #cccccc;text-decoration: none; border-bottom:0px solid #000; border-left:5px solid #000;}

/*Blog archive categories navigation*/

#blog-archive-navigation {margin: 0 0 0 0;}
#blog-archive-navigation ul {margin: 0px;list-style: none;  padding-left: 5px; background-color: #ECF3FA; display: block; width:200px; }
#blog-archive-navigation ul li{margin: 0px;list-style: none;  padding-top: 10px; background-color: #ECF3FA; display: block; width:200px; }

#blog-archive-navigation ul ul{margin: 0px;list-style: none;  background-color: #ECF3FA; display: block; width:200px; }
#blog-archive-navigation ul ul li{margin: 0px;list-style: none;  padding-left: 5px; background-color: #ECF3FA; display: block; width:200px; }


/*website sections*/

#website-sections {padding-left: 3px; padding-top: 4px; padding-bottom: 1px; border-bottom: 1px #fff solid; border-top: 1px #fff solid; background-color: #62150B;}
#website-sections ul {list-style: none; margin: 0; padding: 5px 0 0 0;}
#website-sections li{display: inline; }
#website-sections li a{text-decoration: none; padding: 0.3em 1em 0.3em 1em; margin-left: 0.25em; background: #b2c5f8;border: 1px solid #ddd; border-bottom: #000 none;}
#website-sections a:link{color: #000;}
#website-sections a:visited{color: #000;}
#website-sections a:hover{border-color: #ddd;background: #4075FF;color: #fff;}
#website-sections a.current-sec{background: #4075FF; color: #fff; font-weight: bold;}

/*store sections*/

#store-sections{padding: 0 0 0 0 ; margin: 5px 0 5px 0;}
#store-sections ul {margin: 0;padding-left: 0;margin-left: 0;margin-top: 0;margin-bottom: 0;background: none;color: #000;}
#store-sections li{margin: 0; display: inline; list-style: none;}
#store-sections li a{text-decoration: none; padding: 0.4em 1em; margin-right: 0.25em; background: #ECF3FA;border: 0px solid #ddd; border-bottom: #000 none;}
#store-sections a:link{color: #000;}
#store-sections a:visited{color: #000;}
#store-sections a:hover{border-color: #ddd;background: #ECF3FA;color: #000;}
#store-sections a.current-sec{background: #66c768; border: 0px solid #ddd; border-bottom: 0px solid #b2c5f8; color: #000; font-weight: bold;}

/*Commands menu 1*/

.CommandsMenu1 {padding: 0 0 0 0 ; margin: 0 0 0 0;}
.CommandsMenu1 ul {display: block; list-style: none;}
.CommandsMenu1 li{border-bottom:1px solid #874300;}
.CommandsMenu1 li a{display: block;background-color: #ECF3FA;font-weight:normal;text-decoration: none; padding: 2px 0 2px 4px; font-weight: bold;}
.CommandsMenu1 li a:link{color: #B8A38B;}
.CommandsMenu1 li a:visited{color: #B8A38B;}
.CommandsMenu1 li a:hover{background: #ff0000; color: #d4d4d4;}
.CommandsMenu1 li img{vertical-align :middle;}


.scrollbox {padding: 5px; height: 100px; width: 11em; border: 1px solid #999999; overflow: auto; background-color: #F1F1EB;}

/*Grid navigation hover*/

.RowHL td {padding: 4px; border-left: 0px solid #000; vertical-align: top; background-color: #4A7681; color: #fff;}
.RowHL a:link {color: #fff;}
.RowHL a:visited {color:  #fff;}
.RowHL a:hover, .RowH a:active {color: blue;}

/*pull quotes*/

.PullQuotesRight {
text-align: left;
margin: 0 0 1em 1em;
padding: .5em;
float: right;
width: 15em;
border: 2px dotted #7c7c7c;
background: #ECF3FA;
}
.PullQuotesLeft {
text-align: left;
margin:   0 1em 1em 0;
padding: .5em;
float: left;
width: 15em;
border: 2px dotted #7c7c7c;
background: #ECF3FA;
}

/*Login page*/

.LoginBox {
text-align: left;
margin: 10px 0 0 0;
padding: .5em;
float: left;
width: 22em;
min-height: 11em;
border: 1px solid #4d4d4d;
background: #ECF3FA;
color: #4d4d4d;
}

.NewCustomerBox {
text-align: center;
margin: 10px 0 0 0;
padding: .5em;
float: right;
width: 22em;
height: 11em;
border: 1px solid #4d4d4d;
background: #ECF3FA;
color: #000;
}


/* BEGIN horizontal dropdown menu */

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(Images/prodrop2/button1a.gif);}
.menu2 {padding:0 0 0 10px; margin: 0 0 0 0; list-style:none; height:30px; background: url(menu_bg.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; color:#fff; text-decoration:none; font-size:13px; font-weight:normal; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 15px; height:30px; line-height:33px  !important }
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 15px; height:30px; background:url(Images/prodrop2/down.gif) no-repeat right top;}

.menu2 li a.top_link_active {display:block; float:left; height:30px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background:url(menu_bg_hover.gif) repeat-x;}
.menu2 li a.top_link_active span {float:left; display:block; padding:0 24px 0 15px; height:30px; line-height:33px  !important;}
.menu2 li a.top_link_active span.down {float:left; display:block; padding:0 24px 0 15px; height:30px; background:url(Images/prodrop2/down.gif) no-repeat right top;}

.menu2 li a.top_link:hover {color:#fff; background: url(menu_bg_hover.gif) repeat-x;}
.menu2 li a.top_link:hover span {background:url(Images/prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(Images/prodrop2/down.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(menu_bg_hover.gif);}
.menu2 li:hover > a.top_link span {background:url(menu_bg_hover.gif);}
.menu2 li:hover > a.top_link span.down {background:url(menu_bg_hover.gif);}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:30px; background: #C1DDF7; padding:3px 0; border-top:0px solid #3D96E7; border-left:2px solid #3D96E7; border-right:2px solid #3D96E7; border-bottom:2px solid #3D96E7; white-space:nowrap; width:200px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:197px;}
.menu2 :hover ul.sub li a {display:block; font-size:13px !important; height:25px; width:194px; line-height:25px! important; text-indent:5px; color: #000; text-decoration:none; border:3px solid #C2C756; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#76B5ED url(Images/prodrop2/arrow.gif) 194px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#76B5ED; color:#000;}
.menu2 :hover ul.sub li a.fly:hover {background:#76B5ED url(Images/prodrop2/arrow_over.gif) 194px 7px no-repeat; color:#000;}
.menu2 :hover ul li:hover > a.fly {background:#76B5ED url(Images/prodrop2/arrow_over.gif) 194px 7px no-repeat; color:#000;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:197px; top:-4px; background: #fff; padding:3px 0; border:1px solid #B02B17; white-space:nowrap; width:93px; z-index:200; height:auto;}

/*END horizontal dropdown menu */