/* Configuration of menu width */

html body ul#nav ul, html body ul#nav ul li { width:190px; }
html body ul#nav ul ul { margin:0 0 0 200px; }
/* Theming the menu */

ul#nav { float:right; font-size:12px; text-align:left; font-family:'Trebuchet MS', calibri, Arial, sans-serif; text-transform:uppercase; }
ul#nav ul { background:#f9f9f9; margin:18px 0 0 30px; z-index:1000; border:1px solid #ccc;border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit- border-radius:0 0 5px 5px;}
ul#nav ul li { border-bottom:1px solid #eee; z-index:999; }
ul#nav li {padding:20px 0; background:url(../images/topnav_sep.gif) right 8px no-repeat;}
ul#nav li.last{ background-image:none;}
ul#nav ul li { background-image:none; padding:0; }
ul#nav li a { text-decoration:none; color:#333; margin:0; display:block;}
ul#nav li a span { padding:0px 0px 0px 40px; display:block; color:#555555; font-weight:bold; float:left;}
ul#nav ul li a { padding:10px 15px; font-size:13px; text-transform:none; color:#333; font-weight:normal; margin:0; }
ul#nav ul li b{ display:block; padding:7px 20px;}
ul#nav ul li a:hover { background-color:#aec572;}
ul#nav li.current li a{ background-image:none; color:#333;}
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.current a { color:#e57717; background:url(../images/topnav_sleft.gif) left top no-repeat;}
ul#nav li.current li a{ }
ul#nav li li a:hover, ul#nav li li a:focus{ color:#e57717; background-color:#fff;}
ul#nav li a:hover span, ul#nav li a:focus span, ul#nav li.current a span { color:#e57717; background:url(../images/topnav_sright.gif) right top no-repeat;}
ul#nav li ul li a:hover { background-image:none; }
ul#nav span.sf-arrow { top:18px; right:6px; background-image:url(../images/arrows-white.png); }
ul#nav ul span.sf-arrow { right:12px; top:16px; }
/* Configuration of menu width */

html body ul.sf-menu ul, html body ul.sf-menu ul li { width:180px; }
html body ul.sf-menu ul ul { margin:0 0 0 180px; }
/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu, ul.sf-menu * { margin:0; padding:0; }
ul.sf-menu { display:block; position:relative; }
ul.sf-menu li { display:block; list-style:none; float:left; position:relative; }
ul.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
ul.sf-menu a { display:block; position:relative; }
ul.sf-menu ul { position:absolute; left:0; width:150px; top:auto; left:-999999px; }
ul.sf-menu ul a { zoom:1; /* IE6/7 fix */ }
ul.sf-menu ul li { float:left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */ width:150px; }
ul.sf-menu ul ul { top:0; margin:0 0 0 150px }
ul.sf-menu li:hover ul, ul.sf-menu li:focus ul, ul.sf-menu li.sf-hover ul { /*first level*/ left:auto; }
ul.sf-menu li:hover ul ul, ul.sf-menu li:focus ul ul, ul.sf-menu li.sf-hover ul ul { left:-999999px; }
ul.sf-menu ul li:hover ul, ul.sf-menu ul li:focus ul, ul.sf-menu ul li.sf-hover ul {/*second level*/ left:auto; }
ul.sf-menu ul li:hover ul ul, ul.sf-menu ul li:focus ul ul, ul.sf-menu ul li.sf-hover ul ul { left:-999999px; }
ul.sf-menu ul ul li:hover ul, ul.sf-menu ul ul li:focus ul, ul.sf-menu ul ul li.sf-hover ul {/*third level*/ left:auto; }
ul.sf-menu ul ul li:hover ul ul, ul.sf-menu ul ul li:focus ul ul, ul.sf-menu ul ul li.sf-hover ul ul { left:-999999px; }
ul.sf-menu ul ul ul li:hover ul, ul.sf-menu ul ul ul li:focus ul, ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/ left:auto; }
ul.sf-menu ul ul ul li:hover ul ul, ul.sf-menu ul ul ul li:focus ul ul, ul.sf-menu ul ul ul li.sf-hover ul ul { left:-999999px; }
/* autoArrows CSS */

span.sf-arrow { width:7px; height:7px; position:absolute; top:8px; right:0; display:block; background:url(../images/arrows-black.png) no-repeat 0 0; overflow:hidden; /* making sure IE6 doesn't overflow and expand the box */ font-size:1px; }
ul ul span.sf-arrow { right:12px; top:7px; background-position:0 100%; }


/* Main Banner Styles Start */
.lof-slidecontent { position:relative; overflow:hidden; width:967px; height:340px; display:; }
.lof-slidecontent .preload { width:100%; background:#FFF; position:absolute; top:0; left:0; z-index:100; color:#FFF; text-align:center }
.lof-slidecontent .preload div { width:100%; background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; }
.lof-main-outer { position:relative; height:340px; width:640px; z-index:3; overflow:hidden; }
/*******************************************************/
/* main flash */
ul.lof-main-wapper { /* margin-right:auto; */ background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; height:340px; width:640px; position:absolute; overflow:hidden; }
ul.lof-main-wapper li { overflow:hidden; padding:0px; margin:0px; width:640px; float:left; }
.lof-opacity li { position:absolute; top:0; left:0; float:inherit; }
ul.lof-main-wapper li img { padding:0px; width:640px; }

/* item navigator */
ul.lof-navigator { top:0; padding:0; margin:0; position:absolute; width:100%; height:340px; font-family:'PT Sans Narrow',Calibri, "Trebuchet MS", Arial;}
ul.lof-navigator li { cursor:hand; cursor:pointer; list-style:none; width:100%; padding:0; margin:10px 0 0; overflow:hidden; }
.lof-navigator-outer { position:absolute; right:0; top:0px; z-index:100; height:340px; width:366px; color:#FFF }
.lof-navigator li.active { background:url(../images/bthumb_arrow.png) no-repeat left top; color:#FFF }
.lof-navigator li:hover { }
.lof-navigator li h3 { color:#dadada; font-size:18px; padding:8px 0 0 !important; margin:0; text-transform:uppercase; font-weight:bold; text-align:right; margin-right:10px;}
.lof-navigator li span{ font-size:18px; text-align:right; display:block; margin-right:10px; padding:10px 0 0; color:#000000;}
.lof-navigator li.active span{ color:#fff; padding:6px 0 0;}
.lof-navigator li div { background:url(../images/bthumb_bg1.gif) right center no-repeat; color:#FFF; height:100%; position:relative; margin-left:15px; padding-left:15px; }
.lof-navigator li.active div { background:url(../images/bthumb_bg2.gif) right center no-repeat; color:#FFF; }
.lof-navigator li.active h3 { color:#FFF; font-size:24px; font-weight:normal; padding:5px 0 0 !important;}
ul.lof-main-wapper li { position:relative; }

/* Main Banner Styles End */