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_wrapper {
padding: 0;
border: 0;
margin: 0 auto;
width: 100%;
text-align: center;
}
#inner_wrapper {
padding: 0;
border: 0;
margin: 0 auto;
width: 100%;
text-align: center;
background: #ff00000;
float: left;
background: #ffffff url(../images/innerwrapperbg.png) repeat-x top left;
}
#main {
padding: 0;
border: 0;
margin: 0 auto;
width: 960px;
}
#inner {
padding: 0;
border: 0;
margin: 0;
width: 960px;
float: left;
margin-left: 20px;
}
.container {
padding: 0;
border: 0;
width: 960px;
margin: 0 auto;
text-align: left;
position: relative;
left: 20px;
}
/* head container */
#home_head {
padding: 0;
border: 0;
margin: 0;
width: 940px;
float: left;
}
/* head logo */
#inner #logo {
width: 331px;
height: 67px;
padding: 0;
margin: 0;
border: 0;
float: left;
position: relative;
z-index: 5;
}
#inner h1#logo a {
width: 331px;
height: 67px;
padding: 0;
margin: 60px 0 0 0px;
border: 0;
background: url(../images/logo.png) no-repeat;
float: left;
clear: none;
position: relative;
z-index: 5;
clear: both;
}
/*main menu */
#inner #mainmenu {
padding: 0;
margin: 0;
border: 0;
height: 37px;
float: left;
clear: both;
width: 100%;
overflow: hidden;
}
#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: 37px;
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;
padding: 0 16px 0 16px;
text-align: center;
line-height: 37px;
font-size: 14px;
height: 37px;
letter-spacing: 0.00em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#inner #mainmenu li a:hover, #inner #mainmenu li a.active {
color: #ffffff;
background: #000000;
}
/*main menu END */
#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;
}
/* top right panel END*/
/* main container */
#maincontent {
width: 960px;
padding: 5px 0 0px 0;
margin: 0;
border: 0;
float: left;
clear: both;
position: relative;
z-index: 2;
}
/* main home panel */
#news_panel_foot {
width: 960px;
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: 698px;
overflow: hidden;
padding-bottom: 54px;
}
.right_column_01 {
width: 241px;
float: left;
overflow: hidden;
padding-left: 20px;
padding-bottom: 54px;
}
/* main container END*/
/* left/right columns */
.news_box {
padding: 0;
margin: 0px 20px 0px 0px;
border: 0;
float: left;
width: 219px;
height: 267px;
clear: none;
background: #b2b2b2;
}
.right_box {
background: #ccbca6;
}
#left_news_box {
border: 0;
}
.news_box img {
padding: 0;
margin: 0;
border: 0;
float: left;
clear: both;
}
.news_box p {
padding: 0;
margin: 17px 0 0px 16px;
border: 0;
float: left;
clear: left;
font-size: 11px;
color: #ffffff;
height: 72px;
overflow: hidden;
line-height: 14px;
width: 187px;
}
#maincontent h1, h2 {
padding: 0;
margin: 0 0 11px 0;
border: 0;
float: left;
text-align: left;
padding: 0;
font-size: 16px;
color: #670707;
line-height: 22px;
clear: both;
width: 100%;
font-weight: bold;
font-family: Arial;
}
.news_box h2, #inner #maincontent #login_panel h2 {
padding: 0 0 0 15px;
margin: -20px 0 0px 0;
border: 0;
float: left;
text-align: left;
font-size: 15px;
color: #ffffff;
line-height: 28px;
clear: both;
width: 131px;
font-weight: bold;
font-family: Arial;
height: 28px;
background: #000000;
overflow: hidden;
}
.news_box h2.testimonials {
background: #624a3f;
}
.news_box h2 a {
height: 28px;
text-decoration: none;
color: #ffffff;
}
#inner #maincontent .news_box h2 a:hover {
text-decoration: underline;
color: #ac7203;
}
.news_box a.more_01, .news_box a.more_02 {
float: left;
padding: 0;
margin: 0px 0 0 16px;
border: 0;
float: left;
width: 60px;
height: 12px;
color: #670707;
line-height: 21px;
font-weight: normal;
text-decoration: none;
margin-top: 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/readmorearrow2.gif) no-repeat right bottom;
clear: both;
}
.news_box a.more_01:hover, .news_box a.more_02:hover {
text-decoration: none;
color: #ac7203;
background: url(../images/readmorearrow1hov.gif) no-repeat right bottom;
}
.prev_next_buttons {
background: url(../images/prevnextbg.gif) no-repeat right bottom;
float: left;
width: 77px;
height: 11px;
margin-left: 16px;
}
.news_box a.prev, .news_box a.next {
float: left;
padding: 0;
margin: 0px 0 0 0;
border: 0;
float: left;
width: 41px;
height: 12px;
background: url(../images/prevbuttonbg.gif) no-repeat right bottom;
}
.news_box a.prev:hover {
background: url(../images/prevbuttonbghov.gif) no-repeat right bottom;
}
.news_box a.next {
width: 21px;
background: url(../images/nextbuttonbg.gif) no-repeat right bottom;
float: right;
}
.news_box a.next:hover {
background: url(../images/nextbuttonbghov.gif) no-repeat right bottom;
}
#maincontent .more {
padding: 0;
margin: 0px 0 0 0;
border: 0;
float: left;
width: 60px;
height: 12px;
color: #670707;
line-height: 21px;
font-weight: normal;
text-decoration: none;
margin-top: 10px;
clear: both;
background: url(../images/readmorearrow1.gif) no-repeat right bottom;
}
#maincontent a.more:hover, #maincontent a.more:hover {
text-decoration: none;
color: #ac7203;
background: url(../images/readmorearrow1hov.gif) no-repeat right bottom;
}
#form_panel {
float: left;
width: 220px;
padding: 0;
clear: none;
}
#form_panel form {
margin: 0;
padding: 0;
float: left;
clear: both;
width: 220px;
margin-top: 19px;
border: 0;
background: url(../images/forminputsbg.gif) no-repeat;
}
#form_panel fieldset{
margin: 0;
padding: 0;
float: left;
clear: both;
border: 0;
}
#form_panel label{
float: left;
clear: both;
border: 0;
color: #ac7203;
line-height: 16px;
font-size: 11px;
font-weight: bold;
}
#form_panel input {
margin: 0;
height: 18px;
width: 198px;
position: relative;
padding: 2px;
background: none;
border: 0;
float: left;
padding-left: 10px;
padding-right: 10px;
font-size: 11px;
margin-left: 1px;
color: #555555;
position: relative;
margin-top: 3px;
}
#form_panel #pnumber {
margin-top: 10px;
}
#form_panel #yemail {
margin-top: 10px;
}
#form_panel #button_contact_back {
padding: 0;
float: left;
clear: both;
width: 107px;
height: 22px;
border: 0;
background: url(../images/callbutton.png) no-repeat;
margin: 12px 0 0 0px;
position: relative;
cursor: pointer;
}
#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;
}
#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 */
#precrumb {
padding: 0;
margin: 0 0 0 0px;
border: 0;
float: left;
clear: both;
text-align: center;
position: relative;
height: 35px;
width: 97%;
line-height: 35px;
border-bottom: 1px solid #ededed;
}
#precrumb li p {
color: #555555;
font-size: 12px;
line-height: 16px;
margin: 0;
clear: none;
width: 70px;
line-height: 35px;
}
#precrumb li {
list-style: none;
float: left;
color: #888888;
font-size: 11px;
}
#precrumb li a {
padding: 0;
border: 0;
margin: 0 6px 0 6px;
text-decoration: none;
color: #670707;
text-align: center;
font-size: 11px;
letter-spacing: 0.00em;
}
#precrumb li a:hover {
text-decoration: underline;
}
#precrumb li.active a {
color: #888888;
}
#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: 150%;
color: #555555;
}
.intro {
width: 697px;
border-right: 1px solid #f0f0f0;
float: left;
}
.intro p {
float: left;
clear: both;
width: 100%;
}
.intro p a {
float: left;
clear: both;
}
#maincontent .intro strong {
font-weight: normal;
font-size: 16px;
line-height: 150%;
border: 0;
padding-bottom: 0px;
}
#maincontent p a {
color: #ac7203;
text-decoration: underline;
}
#maincontent p strong {
font-weight: normal;
font-size: 16px;
line-height: 150%;
border: 0;
padding-bottom: 0px;
}
#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: 937px;
padding: 0 ;
margin: 0;
border: 0;
float: left;
clear: both;
border-top: 1px solid #ededed;
padding-top: 5px;
margin-top: 17px;
padding-bottom: 10px;
}
.footermenu {
padding: 0;
margin: 0;
border: 0;
float: left;
width: 90%;
margin-bottom: 0px;
height: 14px;
margin-left: 0px;
}
.footermenu li {
list-style: none;
float: left;
color: #888888;
font-size: 10px;
margin-right: 10px;
}
.footermenu li.rule {
margin-left: 4px;
color: #cccccc;
}
.footermenu li a {
padding: 0;
border: 0;
margin: 0 0px 0 -4px;
text-decoration: none;
color: #670707;
border-bottom: 1px dotted #670707;
letter-spacing: 0.00em;
float: left;
}
.footermenu li a:hover {
color: #191e5d;
}
.footermenu li.active a {
color: #191e5d;
}
.footermenu2 li {
list-style: none;
float: left;
color: #666666;
font-size: 10px;
margin-right: 10px;
}
.footermenu2 li a {
font-size:10px;
padding: 0;
border: 0;
margin: 0 0px 0 -4px;
text-decoration: none;
color: #666666;
letter-spacing: 0em;
float: left;
}
.footermenu2 li a:hover {
color: #666666;
}
.footermenu2 li a:active {
color: #666666;
}
.footermenu2 li a:visited {
color: #666666;
}
#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;
}
/* Rotator Styles */
#rotator {
color:#000;
position:relative;
padding:0;
margin:0;
font-size:16px;
width: 994px;
height:303px;
overflow: hidden;
top: 0;
float: left;
}
/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
margin:0;
padding:0;
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
float:left;
letter-spacing: -0.5em;
font-family:Arial, Helvetica, sans-serif;
}
ul.ui-tabs-nav {
position:relative;
bottom:0px;
left:0;
z-index:1;
clear: both;
float: left;
max-width: 331px;
z-index: 5;
top: 193px;
margin: 0;
padding: 0;
}
ul.ui-tabs-nav li {
width: 14px;
height: 11px;
display: block;
float: left;
margin: 0;
padding: 0;
}
ul.ui-tabs-nav li span.number {
float: left;
height: 46px;
width: 24px;
margin: 0;
padding: 0;
font-size: 12px;
}
li.ui-tabs-nav-item {
background: url(../images/ulnavbg.gif) no-repeat top left;
}
/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link ,
li.ui-tabs-nav-item a:visited {
font-size:14px;
font-weight:bold;
color:#303444;
width: 14px;
height: 11px;
margin: 0;
float: left;
background: url(../images/navli2bg.png) no-repeat top left;
letter-spacing: 0.02em;
}
/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
font-size:14px;
font-weight:bold;
color:#303444;
width: 14px;
height: 11px;
float: left;
background: url(../images/navli2hovbg.png) no-repeat top left;
letter-spacing: 0.02em;
}
#rotator .ui-tabs-nav-item a span {
float:left;
margin: 0;
padding: 0;
cursor:pointer;
}
/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
background: url(../images/navli2hovbg.png) no-repeat top left;
color:#ab1c00;
}
#rotator .ui-tabs-selected span.number
{
color:#750539;
}
/* Content Panels */
#rotator .ui-tabs-panel {
clear: none;
color: #000;
padding: 0;
height: 303px;
width: 940px;
float: left;
margin: 0;
border: 0;
}
#rotator .ui-tabs-hide {
display:none;
}
#rotator h3 {
color:#865500;
font-weight:bold;
margin:0;
font-size:14px;
line-height:35px;
height: 35px;
margin: 23px 27px 0 0;
padding: 0 20px 0 20px;
border: 0;
float: right;
}
#rotator p {
font-size:12px;
margin:0;
color:#6a6a6a;
margin: 5px 27px 0 0;
padding: 10px 0px 10px 14px;
border: 0;
float: right;
clear: both;
width: 220px;
}
#rotator .btn_get_started {
float:left;
height:30px;
width:99px;
text-indent:-9999em;
margin-right:7px;
overflow:hidden;
background:transparent url(images/getstarted.gif) no-repeat;
margin: 0;
padding: 0;
border: 0;
clear: none;
}
#rotator .btn_learn_more {
float:left;
height:26px;
font-size:.9em;
}
/* Background Images */
#rotator #fragment-1, #rotator #fragment-2, #rotator #fragment-3, #rotator #fragment-4, #rotator #fragment-5, #rotator #fragment-6, #rotator #fragment-7 {
height:303px;
width: 940px;
margin: 0;
padding: 0;
border: 0;
float: left;
margin-top: -67px;
}
#inner #rotator a img.slajd, #inner #rotator img.slajd {
float: left;
height:303px;
width: 940px;
border: 0;
padding: 0;
margin: 0;
}
#rotator .pdf_download_01 {
width: 215px;
height: 36px;
float: right;
position: relative;
z-index: 9;
background: none;
margin-top: -65px;
top: 0px;
left: 30px;
}
#rotator .pdf_download_01 p {
margin: 0;
padding: 0;
background: none;
float: left;
color: #ffffff;
height: 36px;
}
#rotator .pdf_download_01 p span {
background: none;
float: left;
color: #ffffff;
}
#rotator .pdf_download_01 p a {
padding-left: 50px;
color: #ffffff;
text-decoration: none;
background: url(../images/pdficon.png) no-repeat;
height: 36px;
float: left;
}
.pdf_download_01 img {
float: left;
}
.page_top_image {
margin: 0;
padding: 0;
margin-top: -67px;
}
.page_left_column {
float: left;
width: 222px;
margin-right: 38px;
padding-bottom: 32px;
}
.page_right_column {
float: left;
width: 700px;
padding-bottom: 10px;
}
h2.page_title {
font-size: 18px;
line-height: 150%;
color: #670707;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}
.price_label {
float: left;
color: #ffffff;
background: #000000;
height: 38px;
line-height: 38px;
}
.price_label span {
font-size: 16px;
font-weight: bold;
padding-left: 12px;
padding-right: 12px;
}
#maincontent .list_box {
float: left;
clear: both;
width: 100%;
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
margin-top: 20px;
}
#maincontent .list_box a img {
padding: 0;
border: 1px solid #000000;
float: left;
margin: 0;
}
#maincontent .list_box .description_01 {
margin: 0;
padding: 0;
border: 0;
float: left;
margin-left: 0px;
width: 495px;
padding-bottom : 15px;
margin-top: 0px;
margin-left: 35px;
}
#maincontent .list_box .description_01 dl {
display: block;
padding: 0;
margin: 0;
width: 495px;
}
#maincontent .list_box .description_01 dt {
padding: 0;
margin: 0;
margin: 0;
color: #555555;
font-family: Arial, Verdana, Times, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.00em;
text-align: left;
text-decoration: none;
float: left;
clear: both;
line-height: 150%;
width: 98%;
}
#maincontent .list_box .description_02 dt {
width: 100%;
}
#maincontent .list_box .description_01 dt a {
margin: 0;
padding: 0;
color: #670707;
text-decoration: none;
font-size: 16px;
font-weight: bold;
border-bottom: 1px dotted #670707;
margin-bottom: 5px;
}
#maincontent .list_box .description_01 dt a:hover {
border-bottom: 1px dotted #ce8c0e;
color: #ce8c0e;
}
#maincontent .list_box .description_01 dt strong {
font-size: 12px;
}
/*** 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;
}
.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: 220px;
margin: 0 0 0 0px;
padding: 0;
border: 0;
height: 40px;
line-height: 16px;
}
.sf-vertical {
margin: 0;
padding: 0;
border: 0;
margin-top: 16px;
width: 220px;
overflow: hidden;
}
.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: 195px;
background: url(../images/lileftmenubg.gif) no-repeat left bottom;
font-size: 12px;
line-height: 39px;
color: #670707;
letter-spacing: 0.00em;
float: left;
height: 40px;
}
.sf-vertical li a:hover {
background: url(../images/lileftmenuhovbg.png) no-repeat 0 0;
color: #000000;
font-weight: bold;
}
.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;
}
.pdf_download_02 {
width: 215px;
height: 36px;
float: right;
position: relative;
z-index: 9;
background: none;
top: 0px;
margin-top: 50px;
}
.pdf_download_02 p {
margin: 0;
padding: 0;
background: none;
float: left;
color: #ffffff;
height: 36px;
}
.pdf_download_02 p span {
background: none;
float: left;
color: #000000;
}
#maincontent .pdf_download_02 p a {
padding-left: 50px;
color: #000000;
text-decoration: none;
background: url(../images/pdficon.png) no-repeat;
height: 36px;
float: left;
text-decoration: none;
}
.pdf_download_02 img {
float: left;
}
.test_name{
font-size:12px;
font-weight:bold;
color:#000000;
padding-top:2px;
padding-bottom:2px;
margin:0px;
}
ul {
float: left;
width: 90%;
clear: both;
margin-left: 0%;
padding: 0;
}
ul li {
list-style-type: disc;
list-style-position: inside;
}
ol li {
list-style-type: decimal;
list-style-position: inside;
}