html {
padding: 0;
margin: 0;
border: 0;
min-height: 101%;
}
body {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: normal;
font-family: verdana, arial,"Trebuchet MS", helvetica, times, tahoma, sans-serif;
line-height: 16px;
letter-spacing: 0.00em;
text-align: center;
background: #636363 url(../images/bg.png) repeat-x;
color: #555555;
}
p, h1, h2, h3, #button, .submit {
padding: 0;
margin: 0;
border: 0;
}
p {
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
font-weight: normal;
letter-spacing: 0.00em;
text-align: left;
}
#main {
padding: 0;
border: 0;
margin: 0 auto;
width: 100%;
}
#main {
padding: 0;
border: 0;
margin: 0 auto;
width: 980px;
}
#inner {
padding: 0;
border: 0;
margin: 0;
width: 980px;
float: left;
}
#container {
padding: 0;
border: 0;
margin: 0;
width: 980px;
float: left;
text-align: left;
}
/* head container */
#head {
padding: 0;
border: 0;
margin: 15px 0 0 0;
width: 980px;
float: left;
height: 216px;
background: url(../images/headbg.jpg) no-repeat top left;
}
#left_head {
padding: 0;
border: 0;
margin: 0;
width: 640px;
float: right;
height: 216px;
background: url(../images/leftheadbg.jpg) no-repeat top left;
}
/* head logo */
#inner #logo {
width: 210px;
height: 81px;
padding: 0;
margin: 0;
border: 0;
float: left;
}
#inner #logo a {
width: 210px;
height: 81px;
padding: 0;
margin: 46px 0 0 47px;
border: 0;
background: url(../images/logo.png) no-repeat;
float: left;
clear: none;
}
/* h1 slogan */
#inner h1#slogan {
padding: 0;
margin: 82px 0 0 0;
border: 0;
height: 53px;
float: left;
width: 340px;
background: url(../images/slogan.jpg) no-repeat;
}
/* h1 slogan END*/
/*main menu */
#inner #menunavbar {
padding: 0;
margin: -2px 0 0 0;
border: 0;
height: 39px;
float: left;
width: 100%;
clear: both;
background: url(../images/navbarmenubg.gif) no-repeat;
}
#inner #mainmenu {
padding: 0;
margin: 12px 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: #ffffff;
}
#inner #mainmenu li {
color: #ffffff;
}
#inner #mainmenu li {
margin: 0 6px 0 6px;
}
#inner #mainmenu li a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-size: 14px;
height: 26px;
letter-spacing: 0.01em;
font-family: arial, verdana,"Trebuchet MS", helvetica, times, tahoma, sans-serif;
}
#inner #mainmenu li a:hover, #inner #mainmenu li.active a {
color: #ffffff;
background: url(../images/mainmenuhoverbg.gif) no-repeat bottom center;
}
/*main menu END */
/* main menu */
/* main menu END*/
#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: 15px;
width: 65px;
}
/* top left panel END */
/* main container */
#maincontent {
width: 950px;
padding: 0px 15px 50px 15px;
margin: 0;
border: 0;
float: left;
clear: both;
background: #ffffff url(../images/maincontentbg.gif) repeat-x top left;
}
/* main home panel */
.header_line {
float: left;
width: 99.5%;
clear: both;
height: 35px;
line-height: 35px;
border-left: 6px solid #6d7277;
background: url(../images/headerbg.gif) repeat-x top left;
margin: 21px 0 0 0;
}
#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%;
background: #ff0000 url(../images/newspanelbg.gif) repeat-x top left;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-top: 5px solid #191e5d;
}
/* main container END*/
/* left/right columns */
#news_panel .news_box {
padding: 0;
margin: 21px 32px 10px 32px;
border: 0;
float: left;
width: 245px;
height: 135px;
clear: none;
}
#news_panel #inner_news_pannel {
padding: 0px 0 0 0px;
margin: 0px 0 0 0px;
border: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/newspanelinnerbg.gif) repeat-y top left;
}
#maincontent .news_box p {
padding: 0;
margin: 0 0 17px 0;
border: 0;
float: left;
clear: left;
font-size: 11px;
color: #666666;
height: 55px;
overflow: hidden;
line-height: 14px;
width: 100%;
}
#inner #maincontent .news_box h2 {
padding: 0;
margin: 0 0 11px 0;
border: 0;
float: left;
text-align: left;
padding: 0;
font-size: 16px;
color: #191e5d;
line-height: 28px;
clear: both;
width: 100%;
font-weight: bold;
font-family: Arial;
border-left: 6px solid #191e5d;
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
}
/* pageleftcolumn */
#pageleftcolumn {
padding: 0;
margin: 10px 0 0 0;
border: 0;
float: right;
width: 230px;
}
/* pageleftcolumn END*/
#pagerightcolumn {
padding: 0 0 25px 0;
margin: 10px 0px 0 0px;
border: 0;
float: left;
width: 700px;
}
#leftmenubox {
padding: 2px 0 0 0;
margin: -41px 0 0 0px;
border: 0;
float: left;
width: 312px;
padding-bottom: 10px;
}
#leftmenfooter {
padding: 0;
margin: 0;
border: 0;
float: left;
clear: both;
width: 312px;
height: 3px;
position: relative;
top: 0px;
background: url(../images/leftmenufooterbg.gif) no-repeat;
}
/* right precrumb menu */
#inner #precrumb {
padding: 0;
margin: 0 0 0 12px;
float: left;
clear: both;
text-align: center;
position: relative;
height: 35px;
width: 90%;
line-height: 35px;
}
#inner #precrumb li {
list-style: none;
float: left;
color: #6a6a6a;
font-size: 14px;
}
#inner #precrumb li a {
padding: 0;
border: 0;
margin: 0 6px 0 6px;
text-decoration: none;
color: #6a6a6a;
text-align: center;
font-size: 14px;
letter-spacing: 0.00em;
font-weight: bold;
}
#inner #precrumb li a:hover {
color: #6a6a6a;
text-decoration: underline;
}
#inner #precrumb li#actuallpage a {
color: #6a6a6a;
font-weight: bold;
}
#inner #maincontent h2 {
width: 98%;
clear: both;
font-size: 26px;
margin: 10px 0 0 0;
padding: 0;
border: 0;
line-height: 35px;
color: #c01f17;
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
font-weight: bold;
}
#maincontent #pageintro h2, #maincontent #pageintro p {
width: 85%;
clear: none;
}
#inner #maincontent p {
float: left;
clear: none;
margin: 5px 0 5px 0;
padding: 0;
border: 0;
width: 93%;
line-height: 18px;
color: #000000;
}
#maincontent p a {
color: #c01f17;
font-weight: bold;
}
#maincontent p strong {
float: left;
clear: none;
margin: 5px 0 5px 0;
padding: 0;
border: 0;
width: 97%;
line-height: 18px;
padding-bottom: 15px;
}
#inner #maincontent h3 {
width: 100%;
float: left;
font-size: 18px;
margin: 0 0px 0 0;
padding: 0;
border: 0;
line-height: 40px;
clear: none;
color: #005fb8;
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
}
#inner #maincontent #text_area h3 {
width: 100%;
float: left;
font-size: 26px;
margin: 0 0px 0 0;
padding: 0;
border: 0;
line-height: 40px;
clear: none;
color: #b9b919;
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
}
#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;
}
/* product detale */
.product_photo_panel {
float: left;
clear: none;
width: 320px;
padding-left: 0px;
margin: 25px 0 0 0;
}
.product_photo_panel img {
float: left;
clear: both;
margin: 0;
padding: 0;
border: 1px solid #d7d7d7;
}
#inner #maincontent .product_photo_panel h4 {
color: #000000;
line-height: 18px;
font-size: 14px;
margin-top: 15px;
}
#inner #maincontent a.plus_icon {
background-image: url(../images/plusicon.gif);
width: 12px;
height: 12px;
float: right;
position: relative;
top: 26px;
right: 2px;
}
.p_thumb {
float: left;
margin-right: 8px;
width: 98px;
position: relative;
right: -2px;
}
#inner #maincontent .p_thumb img {
width: 98px;
border: 1px solid #d8d8d8;
margin-top: 10px;
float: left;
}
.right_product_details {
float: left;
width: 360px;
margin: 25px 0px 0 20px;
}
.last_added {
float: left;
width: 450px;
margin: 25px 0px 0 20px;
}
#inner #maincontent .right_product_details h2 {
margin: 0;
padding: 0;
width: 100%;
color: #000000;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 28px;
border-bottom: 1px dashed #c6c2c1;
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
}
#inner #maincontent .right_product_details p {
margin-top: 15px;
}
#inner #maincontent .right_product_details h3, #inner #maincontent #ib_03 h3 {
margin: 0;
padding: 0;
color: #000000;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 18px;
width: 90%;
padding-left: 28px;
margin-top: 10px;
background: url(../images/arrowbg.gif) no-repeat top left;
font-style: normal;
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
}
#inner #maincontent #ib_03 h3 a {
color: #000000;
text-decoration: none;
line-height: 20px;
}
#inner #maincontent #ib_03 h3 {
border-bottom: 1px solid #9b9b9b;
width: 85%;
padding-bottom: 8px;
}
.product_info_box_01 {
float: left;
clear: both;
padding-bottom: 25px;
border-bottom: 1px dashed #c6c2c1;
width: 100%;
}
#inner .product_info_box_01 h3 {
padding-bottom: 15px;
min-height: 24px;
line-height: 24px;
}
.left_info_box {
float: left;
clear: both;
width: 210px;
padding: 0px 10px 10px 10px;
margin: 25px 0 0 0;
}
.info_box_content {
padding-bottom: 10px;
float: left;
}
#ib_01 {
background: #f3f3f3 url(../images/infoboxbg1.gif) no-repeat top left;
}
#ib_02 {
background: #f3f3f3 url(../images/infoboxbg2.gif) no-repeat top left;
}
#ib_03 {
background: url(../images/infoboxbg1.gif) no-repeat top left;
}
#inner #maincontent .left_info_box h4 {
padding: 0;
width: 95%;
float: left;
margin: 0px;
color: #ffffff;
font-size: 14px;
line-height: 30px;
}
.box_wrapper {
float: left;
clear: both;
margin-top: 10px;
width: 100%;
}
#inner #maincontent .left_info_box span.pprice {
float: left;
font-weight: bold;
font-size: 13px;
line-height: 22px;
}
#inner #maincontent .left_info_box span.pprice em {
font-weight: bold;
font-size: 13px;
color: #c50301;
padding-left: 10px;
font-style: normal;
}
#inner #maincontent .left_info_box a.addto_basket {
font-weight: bold;
font-size: 12px;
color: #000000;
float: right;
font-style: normal;
text-decoration: none;
line-height: 22px;
letter-spacing: -0.05em;
background: #dbdbdb;
padding-left: 5px;
padding-right: 5px;
}
#inner .left_info_box p.basket_counter {
clear: both;
margin-top: 15px;
float: r;
}
#inner .basket_option_01 {
padding: 0;
margin: 10px 0 0 0;
border: 0;
float: left;
clear: both;
width: 90%;
}
#inner .basket_option_01 li, .basker_option_01 li a {
padding: 0;
border: 0;
float: left;
display: block;
color: #000000;
height: 12px;
line-height: 16px;
font-size: 11px;
margin: 5px 0px 0 0px;
}
#inner .basket_option_01 li a {
margin: 0;
color: #000000;
text-decoration: none;
font-weight: normal;
text-align: center;
font-weight: normal;
letter-spacing: 0.00em;
}
#inner .basket_option_01 li a:hover, .basket_option_01 li#actuallpage a {
color: #700b00;
text-decoration: underline;
}
#maincontent a.more_01, #maincontent a.more_02, #maincontent input.more_01, #maincontent span.more_01 {
padding: 0 5px 0 5px;
margin: 0px 0 0 0;
border: 0;
float: right;
clear: both;
text-align: center;
font-size: 11px;
color: #000000;
line-height: 22px;
height: 22px;
background: #c2c2c2;
text-decoration: none;
position: relative;
}
#maincontent span.more_01 {
float: left;
}
#maincontent input.more_01 {
cursor: pointer;
}
#maincontent a.more_01:hover, #maincontent a.more:hover {
text-decoration: underline;
}
#maincontent .list_box {
float: left;
clear: both;
width: 93%;
border-bottom: 1px solid #cccccc;
padding-bottom: 25px;
margin-top: 20px;
padding-right: 2%;
background: #e7e7e7;
}
#maincontent .list_box a img {
margin: 20px;
padding: 0;
border: 1px solid #d7d7d7;
float: left;
}
#maincontent .list_box .description_01, #maincontent .list_box .description_02 {
margin: 0;
padding: 0;
border: 0;
float: left;
margin-left: 0px;
width: 500px;
padding-bottom : 15px;
margin-top: 20px;
}
#maincontent .list_box .description_02 {
width: 65%;
}
#maincontent .list_box .description_01 dl, #maincontent .list_box .description_02 dl {
display: block;
padding: 0;
margin: 0;
width: 500px;
}
#maincontent .list_box .description_02 dl {
width: 100%;
}
#maincontent .list_box .description_01 dt, #maincontent .list_box .description_02 dt {
padding: 0;
margin: 0;
margin: 0;
color: #58585a;
font-family: Arial, Verdana, Times, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 0.00em;
text-align: left;
text-decoration: none;
float: left;
clear: both;
line-height: 14px;
width: 500px;
}
#maincontent .list_box .description_02 dt {
width: 100%;
}
#maincontent .list_box .description_01 dt a, #maincontent .list_box .description_02 dt a {
color: #000000;
text-decoration: none;
}
#maincontent .list_box .description_01 dt a:hover, #maincontent .list_box .description_02 dt a:hover {
text-decoration: underline;
}
#maincontent .list_box .description_01 dt strong {
font-size: 12px;
}
#maincontent h2#product_list_h2 {
padding: 0;
width: 93%;
float: left;
margin: 0px;
color: #ffffff;
font-size: 18px;
line-height: 30px;
background: #d70000 url(../images/infoboxbg2.gif) no-repeat top left;
padding-left: 2%;
font-family: veranda, arial, helvetica, times, tahoma, sans-serif;
}
#maincontent .s_info_box {
float: left;
clear: both;
width: 207px;
border-bottom: 1px solid #cccccc;
padding-bottom: 25px;
margin-top: 20px;
}
#maincontent .s_info_box .description_01 {
margin: 0;
padding: 0;
border: 0;
float: left;
margin-left: 10px;
width: 148px;
padding-bottom : 15px;
}
.s_info_box a img {
margin: 0;
padding: 0;
border: 1px solid #d7d7d7;
float: left;
}
#maincontent .s_info_box .description_0 dl, dt {
display: block;
padding: 0;
margin: 0;
width: 148px;
}
#maincontent .s_info_box .description_01 dt {
padding: 0;
margin: 0;
margin: 0;
color: #58585a;
font-family: Arial, Verdana, Times, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 0.00em;
text-align: left;
text-decoration: none;
float: left;
clear: both;
line-height: 14px;
width: 148px;
}
#maincontent .s_info_box .description_01 dt a {
color: #000000;
text-decoration: none;
}
#maincontent .s_info_box .description_01 dt a:hover {
text-decoration: underline;
}
#maincontent .s_info_box .description_01 dt strong{
font-size: 12px;
}
/* footer*/
#footer {
width: 980px;
padding: 0 ;
margin: 0;
border: 0;
float: left;
clear: both;
height: 45px;
background: url(../images/footerbg.gif) no-repeat top left;
}
.footermenu {
padding: 0;
margin: 0 auto;
border: 0;
width: 940px;
text-align: center;
margin-bottom: 3px;
height: 45px;
line-height: 45px;
}
.footermenu li {
list-style: none;
float: left;
color: #ae1000;
font-size: 11px;
margin: 0 7px 0 7px;
}
.footermenu li a {
padding: 0;
border: 0;
margin: 0 7px 0 7px;
text-decoration: none;
color: #ffffff;
text-align: center;
letter-spacing: 0.00em;
float: left;
clear: none;
}
.footermenu li a:hover {
color: #ae1000;
}
.footermenu 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: 28px;
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: 312px;
margin: 0 0 0 0px;
padding: 5px 0 5px 0px;
border: 0;
line-height: 16px;
border: 1px dashed #c2c1bf;
}
.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 25px;
border: 0;
border: 0;
width: 292px;
background: url(../images/lileftmenubg.gif) no-repeat 0 50%;
font-size: 11px;
line-height: 16px;
color: #191e5d;
letter-spacing: 0.00em;
}
.sf-vertical li a:hover {
background: url(../images/lileftmenuhovbg.gif) no-repeat no-repeat 0 50%;
color: #700b00;
}
.sf-vertical li ul {
width: 214px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
border: 0;
line-height: 28px;
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: 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;
}