html {
padding: 0;
margin: 0;
border: 0;
min-height: 101%;
}
body {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: normal;
font-family: arial, verdana, arial,"Trebuchet MS", helvetica, times, tahoma, sans-serif;
line-height: 16px;
letter-spacing: 0.00em;
text-align: center;
background: #ffffff url(../images/bg.png) repeat-x top left;
color: #555555;
}
p, h1, h2, h3, #button, .submit {
padding: 0;
margin: 0;
border: 0;
}
p {
font-family: arial, veranda, helvetica, times, tahoma, sans-serif;
font-weight: normal;
letter-spacing: 0.00em;
text-align: left;
}
#out_bg {
padding: 0;
border: 0;
margin: 0 auto;
width: 100%;
text-align: center;
}
#out_wrapper {
padding: 0;
border: 0;
margin: 0 auto;
width: 1260px;
float: left;
background: url(../images/outwrapperbg.png) no-repeat top center;
text-align: center;
}
#main {
padding: 0;
border: 0;
margin: 0 auto;
width: 940px;
}
#inner {
padding: 0;
border: 0;
margin: 0;
width: 940px;
float: left;
}
#container {
padding: 0;
border: 0;
margin: 0;
width: 940px;
float: left;
text-align: left;
}
/* head container */
#head {
padding: 0;
border: 0;
margin: 0;
width: 940px;
float: left;
height: 122px;
}
/* head logo */
#inner #logo {
width: 107px;
height: 42px;
padding: 0;
margin: 0;
border: 0;
float: left;
}
#inner #logo a {
width: 107px;
height: 42px;
padding: 0;
margin: 36px 0 0 19px;
border: 0;
background: url(../images/logo.png) no-repeat;
float: left;
clear: none;
}
/* h1 slogan */
#inner h1#slogan {
padding: 0;
margin: 36px 0 0 43px;
border: 0;
height: 42px;
float: left;
width: 411px;
clear: none;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #000000;
}
/* h1 slogan END*/
/*top right corner menu */
#inner #toprightmenu {
padding: 7px 0 0 11px;
margin: 35px 5px 0 0;
border: 0;
height: 28px;
float: right;
line-height: 28px;
width: 247px;
background: url(../images/toprightmenubg.gif) no-repeat;
}
#inner #toprightmenu li, #toprightmenu li a {
padding: 0;
border: 0;
float: left;
display: block;
color: #cdbb14;
height: 12px;
line-height: 12px;
font-size: 10px;
margin: 0 5px 0 5px;
}
#inner #toprightmenu li a {
margin: 0;
color: #4e4720;
text-decoration: none;
font-weight: normal;
text-align: center;
font-weight: normal;
letter-spacing: -0.04em;
}
#inner #toprightmenu li a:hover, #toprightmenu li#actuallpage a {
color: #ae1000;
}
/*top right corner menu END*/
/*main menu */
#inner #menunavbar {
padding: 0;
margin: 0px 0 0 0;
border: 0;
height: 46px;
float: left;
width: 100%;
clear: both;
background: url(../images/navbarmenubg.gif) no-repeat;
}
#inner #mainmenu {
padding: 0;
margin: 0px 0 0 25px;
border: 0;
height: 12px;
float: left;
clear: both;
}
#inner #mainmenu li, #inner #mainmenu li a {
padding: 0;
margin: 0;
border: 0;
float: left;
display: block;
color: #424574;
}
#inner #mainmenu li {
margin: 0 0px 0 0px;
height: 46px;
float: left;
}
#inner #mainmenu li.menurule {
background: url(../images/mainmenulibg.gif) no-repeat;
width: 1px;
float: left;
}
#inner #mainmenu li a {
color: #ffffff;
text-decoration: none;
text-align: center;
line-height: 40px;
font-size: 16px;
height: 46px;
letter-spacing: 0.00em;
font-family: "Trebuchet MS";
font-weight: bold;
}
#inner #mainmenu li a:hover, #inner #mainmenu li a.active {
color: #272425;
}
#inner #mainmenu li a.li_01, #inner #mainmenu li a.li_01_active {
width: 70px;
}
#inner #mainmenu li a.li_01_active, #inner #mainmenu li a.li_01:hover {
background: url(../images/li01bg.gif) no-repeat bottom center;
width: 70px;
color: #272425;
}
#inner #mainmenu li a.li_02, #inner #mainmenu li a.li_02_active {
width: 87px;
}
#inner #mainmenu li a.li_02_active, #inner #mainmenu li a.li_02:hover {
background: url(../images/li02bg.gif) no-repeat bottom center;
width: 87px;
color: #272425;
}
#inner #mainmenu li a.li_03, #inner #mainmenu li a.li_03_active {
width: 88px;
}
#inner #mainmenu li a.li_03_active, #inner #mainmenu li a.li_03:hover {
background: url(../images/li03bg.gif) no-repeat bottom center;
width: 88px;
color: #272425;
}
#inner #mainmenu li a.li_04, #inner #mainmenu li a.li_04_active {
width: 128px;
}
#inner #mainmenu li a.li_04_active, #inner #mainmenu li a.li_04:hover {
background: url(../images/li04bg.gif) no-repeat bottom center;
width: 128px;
color: #272425;
}
#inner #mainmenu li a.li_05, #inner #mainmenu li a.li_05_active {
width: 92px;
}
#inner #mainmenu li a.li_05_active, #inner #mainmenu li a.li_05:hover {
background: url(../images/li05bg.gif) no-repeat bottom center;
width: 92px;
color: #272425;
}
#inner #mainmenu li a.li_06, #inner #mainmenu li a.li_06_active {
width: 86px;
}
#inner #mainmenu li a.li_06_active, #inner #mainmenu li a.li_06:hover {
background: url(../images/li06bg.gif) no-repeat bottom center;
width: 86px;
color: #272425;
}
/*main menu END */
/* main menu */
/* main menu END*/
/* top left panel */
#banner_panel {
padding: 0;
margin: 0;
border: 0;
float: left;
width: 940px;
height: 284px;
background: url(../images/bannerpanelbg2.jpg) no-repeat top left;
}
#maincontent #banner_panel h2 {
float: left;
clear: both;
width: 900px;
height: 58px;
color: #fbe80e;
position: relative;
top: 145px;
left: 50px;
}
#banner_panel h2 a {
color: #fbe80e;
text-decoration: none;
font-weight: bold;
font-size: 25px;
}
#banner_panel h2 a:hover {
text-decoration: underline;
}
#inner #maincontent #banner_panel h2 span {
float: left;
clear: both;
width: 900px;
color: #ffffff;
font-size: 12px;
line-height: 16px;
}
#banner_content p {
padding: 0;
margin: 17px 0 0 0;
border: 0;
float: left;
position: relative;
font-size: 11px;
}
#inner #banner_content img {
padding: 0;
margin: 10px 0 0 0;
border: 0;
float: left;
clear: both;
}
#inner #pagerightcolumn img {
float: right;
clear: none;
border: 1px solid #f2e9d9;
margin: 0 10px 10px 10px;
}
img {
float: left;
margin: 10px;
border: 0;
margin-left: 0;
}
.imgclear{
padding:0px;
margin:0px;
float:none;
clear:none;
text-align:left;
}
#image_area {
float: left;
width: 552px;
height: 305px;
margin: 2px 0 0 5px;
overflow:hidden;
}
#text_area {
float: left;
height: 200px;
margin: 106px 0 0 5px;
width: 330px;
}
#inner #text_area p {
font-size: 11px;
}
#inner #text_area a.read_more {
font-size: 11px;
text-decoration: none;
float: left;
clear: both;
color: #191e5d;
margin-top: 5px;
width: 65px;
}
/* top left panel END */
/* top right panel */
#toprightpanel {
padding: 0;
margin: 0px 0 0 9px;
border: 0;
float: left;
width: 711px;
height: 288px;
}
/* top right panel END*/
/* main container */
#maincontent {
width: 940px;
padding: 0 0 50px 0;
margin: 0;
border: 0;
float: left;
clear: both;
background: url(../images/maincontentbg.gif) no-repeat top left;
}
/* main home panel */
#news_panel_foot {
width: 940px;
padding: 0;
margin: 0;
border: 0;
float: left;
clear: both;
height: 5px;
background: url(../images/newsfootbg.gif) no-repeat top left;
position: relative;
top: 0px;
}
#news_panel {
padding: 0;
margin: 0;
border: 0;
float: left;
clear: both;
width: 100%;
}
.left_column_01 {
float: left;
width: 595px;
margin-top: 25px;
margin-left: 25px;
}
/* main container END*/
/* left/right columns */
#news_panel .news_box {
padding: 0;
margin: 21px 32px 10px 0px;
border: 0;
float: left;
width: 255px;
height: 135px;
clear: none;
border-left: 1px solid #e7e7e7;
padding-left: 25px;
overflow: hidden;
}
#news_panel #left_news_box {
border: 0;
}
#news_panel #inner_news_pannel {
padding: 0px 0 0 0px;
margin: 0px 0 0 0px;
border: 0;
float: left;
clear: both;
width: 100%;
}
#maincontent .news_box p {
padding: 0;
margin: 0 0 17px 0;
border: 0;
float: left;
clear: left;
font-size: 11px;
color: #555555;
height: 55px;
overflow: hidden;
line-height: 14px;
width: 100%;
}
#inner #maincontent h1 {
padding: 0;
margin: 0 0 11px 0;
border: 0;
float: left;
text-align: left;
padding: 0;
font-size: 22px;
color: #000000;
line-height: 28px;
clear: both;
width: 100%;
font-weight: bold;
font-family: Arial;
}
#inner #maincontent .news_box h2, #inner #maincontent #login_panel h2 {
padding: 0;
margin: 0 0 11px 0;
border: 0;
float: left;
text-align: left;
padding: 0;
font-size: 16px;
color: #000000;
line-height: 28px;
clear: both;
width: 100%;
font-weight: bold;
font-family: Arial;
}
#inner #maincontent #login_panel h2 {
font-size: 22px;
margin-top: 38px;
}
#inner #maincontent .news_box h2 a {
text-decoration: none;
color: #000000;
}
#inner #maincontent .news_box h2 a:hover {
text-decoration: underline;
color: #ac7203;
}
#maincontent a.more_01, #maincontent a.more_02 {
padding: 0;
margin: 0px 0 0 0;
border: 0;
float: left;
clear: both;
text-align: center;
font-size: 11px;
color: #000000;
line-height: 13px;
width: 73px;
height: 14px;
font-weight: bold;
text-decoration: none;
}
#maincontent a.more_01:hover, #maincontent a.more_02:hover {
text-decoration: underline;
color: #ac7203;
}
#maincontent a.more_02 {
}
#maincontent a.more {
float: left;
padding: 0;
margin: 0px 0 0 0;
border: 0;
float: left;
font-size: 11px;
color: #000000;
line-height: 21px;
font-weight: bold;
text-decoration: none;
margin-top: 25px;
}
#maincontent a.more:hover, #maincontent a.more:hover {
text-decoration: none;
color: #ac7203;
}
#login_panel {
float: left;
width: 285px;
height: 294px;
background: url(../images/loginpanelbg.png) no-repeat;
margin-top: -17px;
padding-left: 35px;
}
#inner #maincontent #login_panel p {
margin: 0;
font-size: 11px;
line-height: 14px;
}
#login_panel form {
margin: 0;
padding: 0;
float: left;
clear: both;
width: 205px;
margin-top: 31px;
border: 0;
position: relative;
bottom: 0;
}
#login_panel fieldset{
margin: 0;
padding: 0;
float: left;
clear: both;
border: 0;
}
#login_panel label{
float: left;
clear: both;
border: 0;
color: #ac7203;
line-height: 18px;
font-size: 11px;
font-weight: bold;
}
#inner #login_panel input {
width: 195px;
position: relative;
padding: 2px;
background: transpatent;
border: 0;
margin-top: 1px;
}
#login_panel label#phone_nr {
margin-top: 10px;
}
#login_panel #call_me_back {
float: left;
clear: both;
width: 138px;
height: 30px;
border: 0;
background: url(../images/callbutton.png) no-repeat;
margin: 10px 0 0 -1px;
position: relative;
cursor: pointer;
}
/* pageleftcolumn */
#pageleftcolumn {
padding: 0;
margin: 10px 0 0 0;
border: 0;
float: left;
width: 229px;
}
/* pageleftcolumn END*/
#inner #maincontent .page_info_box {
float: left;
clear: both;
margin-top: 25px;
width: 100%;
}
#inner #maincontent .page_info_box img {
float: left;
border: 0;
}
#inner #maincontent .page_info_box p {
width: 100%;
float: left;
}
#pagerightcolumn {
padding: 0 0 25px 0;
margin: 10px 0 0 31px;
border: 0;
float: left;
width: 680px;
}
#leftmenubox {
padding: 15px 0 0 0;
margin: -10px 0 0 15px;
border: 0;
float: left;
width: 221px;
background: url(../images/leftmenuboxbg.gif) no-repeat;
}
#left_menu {
width: 221px;
background: #f6fcca url(../images/leftmenubg.gif) repeat-y;
}
#leftmenfooter {
padding: 0;
margin: 0;
border: 0;
float: left;
clear: both;
width: 221px;
height: 62px;
position: relative;
top: -1px;
background: #f6fcca url(../images/leftmenufooterbg.gif) no-repeat;
}
/* right precrumb menu */
#inner #precrumb {
padding: 0;
margin: 0 0 0 0px;
border: 0;
float: left;
clear: both;
text-align: center;
position: relative;
height: 35px;
width: 100%;
line-height: 35px;
border-bottom: 1px solid #f2e9d9;
}
#inner #precrumb li p {
color: #555555;
font-size: 12px;
line-height: 16px;
margin: 0;
clear: none;
width: 70px;
line-height: 35px;
}
#inner #precrumb li {
list-style: none;
float: left;
color: #888888;
font-size: 11px;
}
#inner #precrumb li a {
padding: 0;
border: 0;
margin: 0 6px 0 6px;
text-decoration: none;
color: #ac7203;
text-align: center;
font-size: 12px;
letter-spacing: 0.00em;
}
#inner #precrumb li a:hover {
color: #000000;
text-decoration: underline;
}
#inner #precrumb li.active a {
color: #000000;
font-weight: bold;
}
#inner #maincontent h2 {
width: 98%;
clear: both;
font-size: 26px;
margin: 0;
padding: 0;
border: 0;
line-height: 45px;
color: #000000;
font-weight: normal;
}
#maincontent #pageintro h2, #maincontent #pageintro p {
width: 550px;
clear: none;
}
#maincontent p {
float: left;
clear: none;
margin: 5px 0 5px 0;
padding: 0;
border: 0;
width: 97%;
line-height: 18px;
color: #555555;
}
#maincontent p a {
color: #ac7203;
text-decoration: underline;
}
a.sitemap {
color: #ac7203;
text-decoration: none;
}
#maincontent p strong {
float: left;
clear: none;
margin: 5px 0 5px 0;
padding: 0;
border: 0;
line-height: 18px;
color: #666666;
border-bottom: 1px solid #eaf1b5;
padding-bottom: 15px;
width: 100%;
}
#inner #maincontent h3 {
width: 100%;
float: left;
font-size: 16px;
margin: 0 0px 0 0;
padding: 0;
border: 0;
line-height: 40px;
clear: none;
color: #000000;
}
#inner #maincontent #text_area h3 {
width: 100%;
float: left;
font-size: 26px;
margin: 0 0px 0 0;
padding: 0;
border: 0;
clear: none;
color: #666666;
line-height: 40px;
}
#inner #maincontent #text_area h3 span {
color: #191e5d;
}
#maincontent ol {
width: 75%;
float: left;
margin: 15px 35px 0 25px;
padding: 0;
border: 0;
clear: left;
list-style-type: none;
}
#maincontent ol li {
margin: 0;
padding: 0 0 0 15px;
border: 0;
font-size: 12px;
line-height: 18px;
background-image: url(../images/ollistbg.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
}
#maincontent h4 {
width: 100%;
float: left;
font-size: 20px;
margin: 5px 0 0 0;
padding: 0;
border: 0;
line-height: 39px;
color: #b5232d;
clear: none;
}
/* footer*/
#footer {
width: 940px;
padding: 0 ;
margin: 0;
border: 0;
float: left;
clear: both;
border-top: 5px solid #000000;
padding-top: 40px;
}
.footermenu {
padding: 0;
margin: 0;
border: 0;
float: left;
width: 90%;
margin-bottom: 3px;
height: 14px;
margin-left: 25px;
}
.footermenu li {
list-style: none;
float: left;
color: #000000;
font-size: 10px;
}
.footermenu li.rule {
margin-left: 4px;
color: #cccccc;
}
.footermenu li a {
padding: 0;
border: 0;
margin: 0 7px 0 7px;
text-decoration: none;
color: #ac7203;
letter-spacing: 0.00em;
float: left;
}
.footermenu li a:hover {
color: #191e5d;;
}
.footermenu li.active a {
color: #191e5d;
}
#footermenubottom {
padding: 0;
margin: 0 auto;
border: 0;
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
width: 530px;
float: left;
}
#footermenubottom li {
list-style: none;
float: left;
color: #666666;
font-size: 11px;
letter-spacing: 0.00em;
margin: 0 7px 0 7px;
clear: both;
text-align: center;
width: 530px;
height: 24px;
line-height: 24px;
}
#footermenubottom li a {
padding: 0;
border: 0;
font-weight: bold;
text-decoration: none;
color: #b5232d;
text-align: center;
clear: both;
}
#footermenubottom li a:hover {
color: #191e5d;
}
#footermenubottom li.active a {
color: #191e5d;
}
.clear {
clear: both;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #666666;
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
position: relative;
}
.sf-navbar li {
position: static;
}
.sf-navbar a {
border-top: none;
}
.sf-navbar li ul {
width: 945px; /*IE6 soils itself without this*/
background: url(../images/navbarmenubg.gif) no-repeat;
margin-top: 9px;
height: 31px;
padding-left: 5px;
}
.sf-navbar li li {
position: relative;
}
.sf-navbar li li ul {
width: 13em;
}
.sf-navbar li li li {
width: 100%;
}
.sf-navbar ul li {
width: auto;
float: left;
}
.sf-navbar a, .sf-navbar a:visited {
border: none;
color: #666666;
}
.sf-navbar li.current {
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
left: 0;
top: 3.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
top: -999em;
}
.sf-navbar li li.current > a {
font-weight: bold;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical li {
width: 221px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
border: 0;
height: 31px;
line-height: 31px;
background: #000000;
background: url(../images/leftmenurule.gif) no-repeat bottom;
}
.sf-vertical {
margin: 0;
padding: 0;
border: 0;
}
.sf-vertical ul ul {
margin: 0;
padding: 0;
border: 0;
}
.sf-vertical li a {
margin: 0;
padding: 0 0 0 28px;
border: 0;
border: 0;
width: 180px;
background: url(../images/lileftmenubg.gif) no-repeat;
height: 31px;
line-height: 31px;
color: #000000;
}
.sf-vertical li a:hover {
width: 180px;
background: url(../images/lileftmenuhovbg.gif) no-repeat;
color: #ac7203;
}
.sf-vertical li ul {
width: 214px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
border: 0;
height: 28px;
line-height: 28px;
background-color: #a0a965;
border-bottom: 1px solid #eaf1b5;
}
.sf-vertical ul li a {
border-left: 1px dashed #000000;
margin: 0;
padding: 0 0 0 28px;
width: 161px;
background: url(../images/lileftmenubg.gif) no-repeat;
height: 28px;
line-height: 28px;
color: #191e5d;
}
.sf-vertical ul li a:hover {
width: 157px;
background: #bcc19b url(../images/lileftmenubg.gif) no-repeat;
color: #ffffff;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
left: 100%; /* match ul width */
top: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
.clear {
clear: both;
}
.imgclear {
float: left;
clear: both;
}
#inner img.imgclear {
border: 1px solid #000000;
float: left;
}