/*main content styling*/
body {font-family:Trebuchet MS, Verdana, Tahoma,arial,helvetica,sans-serif;font-size:0.9em; padding: 0px; margin: 0px;line-height:1.2em;}

/*default for links*/
 a:link{color:#0c0;font-weight: normal; text-decoration:none;}
 a:visited{color:#0c0;font-weight: normal;text-decoration:none;}
 a:hover{color:#fc0;font-weight: normal;text-decoration:underline;}
 a:active{color:#0c0;font-weight: normal;text-decoration:none;}

/*default headers*/
 h1 {font-size:1.5em; color:#00cc00;font-weight:normal; padding-top:2px;padding-bottom:2px; margin:0px;}
 h2 {font-size:1.25em; color:#00cc00;font-weight:normal; padding-top:2px;padding-bottom:2px; margin:0px;}
 h3 {font-size:1.0em; color:#00cc00;font-weight:normal; padding-top:2px;padding-bottom:2px; margin:0px;}
 
/**********************************************/
/*********** navbar styling************************/
/**********************************************/
#navbar {position:absolute; top:0px; left:0px; width:100%; height:43px;border-bottom:1px solid #0c0;}
#logo {float:left; border:0px;}
#navbar li {float: right; margin-right:20px;list-style-type:none;}
#navbar li a {display:block;}

/**********************************************/
/************main content divisions************/
/**********************************************/
#float_equal_left {float:left; width:50%; margin-right: 30px;}
#float_equal_right {float:right; width:50%; margin-left: 10px;}


/**********************************************/
/*********** shop and info flyout menu, from side*********/
/**********************************************/
.lefttabmenu {width:26px; position:fixed; top:80px; left:0px; z-index:100; clear:both;}
.lefttabmenu ul {padding:0; margin:0; list-style-type: none; z-index:150;}
.lefttabmenu ul li {position:relative;}
.lefttabmenu ul li.shoptab {display:block; width:26px; height:108px; border:0px ; background:url(/graphics/menu_shop_tab.png) bottom left no-repeat;}
.lefttabmenu ul li.infotab {display:block; width:26px; height:108px; border:0px ; background:url(/graphics/menu_info_tab.png) bottom left no-repeat;}

/*second layer menu*/
.lefttabmenu ul li ul {display: none;}
.lefttabmenu ul li:hover ul {display:block; position:absolute; top:29px; left:14px; z-index:200; width:180px; }
.lefttabmenu ul li:hover ul li {width:100%; height:40px; }

.lefttabmenu ul li:hover ul li {background: url("/graphics/menubackgroundmiddle2.png") top left no-repeat;}
.lefttabmenu ul li:hover ul li.first {background: url("/graphics/menubackgroundtop.png") top left no-repeat;}
.lefttabmenu ul li:hover ul li.last {background: url("/graphics/menubackgroundbottom2.png") bottom left no-repeat;}



.lefttabmenu ul li.shoptab:hover ul li a, .lefttabmenu ul li.infotab:hover ul li a{display:block; color:#fff; font-weight:bold; font-variant: small-caps; font-size:0.8em; height:auto; line-height:15px; padding:10px 20px; width:129px;}
/*.lefttabmenu ul li:hover ul li a.top {border-top:1px solid #7e0;}
.lefttabmenu ul li:hover ul li a.bottom {background: url(/graphics/menu_background_bottom.png) bottom left no-repeat;}*/

/*when hovered over:*/
/*.lefttabmenu ul li:hover ul li:hover a {color:#fc0;}*/
/*.lefttabmenu ul li:hover ul li:hover a.top {background: url(/graphics/menu_background_top_hover.png) top left no-repeat;}
.lefttabmenu ul li:hover ul li:hover a.bottom {background: url(/graphics/menu_background_bottom_hover.png) bottom left no-repeat;}*/

/*third layer menu*/
.lefttabmenu ul li:hover ul li ul {display: none;}
.lefttabmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:125px; top:-30px; z-index:300; width:180px;}
.lefttabmenu ul li:hover ul li:hover li {width:100%; height:40px; }
.lefttabmenu ul li:hover ul li:hover li {background: url("/graphics/menubackgroundmiddle2.png") top left no-repeat;}
.lefttabmenu ul li:hover ul li:hover li.first {background: url("/graphics/menubackgroundtop.png") top left no-repeat;}
.lefttabmenu ul li:hover ul li:hover li.last {background: url("/graphics/menubackgroundbottom2.png") bottom left no-repeat;}


/*setting up styles for second level of list*/
.lefttabmenu ul li:hover ul li:hover ul li a {}

/*second level list, on hover:*/
.lefttabmenu ul li:hover ul li:hover ul li:hover a {}


/**********end of CSS for shop and info flyout menu*******/
/**********************************************/

