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: #666666;
}
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;
}
#main_out {
padding: 0;
border: 0;
margin: 0;
width: 100%;
clear: both;
float: left;
border-bottom: 1px solid #000000;
}
* {
padding: 0;
border: 0;
margin: 0;
}
#out_wrapper {
padding: 0;
border: 0;
margin: 0;
margin: 0 auto;
width: 1070px;
height:auto !important;
height:415px;
min-height: 415px;
}
#main {
margin: 0 auto;
width: 1002px;
clear: both;
position: relative;
z-index: 9;
}
#inner {
width: 1002px;
float: left;
clear: both;
}
#container {
width: 1002px;
float: left;
text-align: left;
clear: both;
}
/* head container */
#head {
width: 1002px;
float: left;
height: 136px;
background: url(../images/headbg.gif) no-repeat bottom center;
clear: both;
}
/* head logo */
#inner #logo {
width: 218px;
height: 73px;
float: left;
}
#inner #logo a {
width: 218px;
height: 73px;
margin: 17px 0 0 31px;
border: 0;
background: url(../images/logo.png) no-repeat;
float: left;
}
/*top right corner menu */
#inner #toprightmenu {padding: 0px 0 0 0px; margin: 31px 0px 0 0; height: 15px; float: right; line-height: 28px; width: 540px; margin-right: 65px;
}
#inner #toprightmenu li, #toprightmenu li a {
float: left;
display: block;
color: #dedede;
height: 12px;
line-height: 12px;
font-size: 11px;
margin: 0 3px 0 4px;
}
#inner #toprightmenu li a {
color: #888888;
text-decoration: none;
font-weight: normal;
text-align: center;
font-weight: normal;
letter-spacing: 0.00em;
}
#inner #toprightmenu li.call {
color: #636d66;
font-weight: bold;
}
#inner #toprightmenu li a:hover, #toprightmenu li.active a {
color: #ae1000;
}
/*top right corner menu END*/
/*top right search*/
#searchsite {
margin: 33px 87px 0 0px;
width: 275px;
height: 25px;
float: right;
clear: none;
}
#searchsite fieldset {
width: 100%;
}
#searchsite #inputbox {
padding: 1px 0 0 0;
margin: 0px 0 0 0px;
color: #000000;
float: left;
width: 185px;
}
#searchsite #inputbox input {
padding: 1px;
color: #000000;
width: 185px;
background: transparent;
font-size: 14px;
float: left;
}
#searchsite .button {
margin-top: -3px;
margin-left: 9px;
width: 79px;
height: 25px;
float: left;
background: url(../images/searchbutton.gif) no-repeat;
position: relative;
cursor: pointer;
}
#searchsite .button:hover {
text-decoration: none;
}
#searchsite #submit {
clear: none;
float: left;
width: 79px;
height: 25px;
border: 0;
}
/*top right search END*/
/*newsletter*/
#newsletter_form {
margin: 7px 14px 0 0px;
width: 340px;
height: 25px;
float: right;
clear: none;
background: url(../images/newsletterform.gif) no-repeat right;
}
#newsletter_form label {
float: left;
margin-top: 4px;
text-transform: uppercase;
color: #000000;
position: relative;
left: 3px;
}
#newsletter_form fieldset {
width: 100%;
}
#newsletter_form #inputbox {
padding: 1px 0 0 0;
float: left;
width: 185px;
margin-left: 23px;
margin-top: 2px;
margin-right: 3px;
}
#newsletter_form #inputbox input {
padding: 1px;
color: #666666;
width: 185px;
background: transparent;
font-size: 14px;
float: left;
}
#newsletter_form .sbutton {
margin-left: 5px;
width: 39px;
height: 20px;
float: left;
background: url(../images/signupbutton.gif) no-repeat;
position: relative;
cursor: pointer;
clear: none;
line-height: 15px;
padding-left: 2px;
padding-right: 2px;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
margin-top: 3px;
}
#newsletter_form .button:hover {
text-decoration: none;
}
#newsletter_form #submit {
clear: none;
float: left;
width: 79px;
height: 25px;
border: 0;
}
/*top right search END*/
/*main menu */
#inner #menunavbar {
height: 38px;
float: left;
width: 100%;
clear: both;
background: url(../images/menubarbg.gif) no-repeat;
}
#inner #mainmenu {
margin: 0px 0 0 25px;
height: 12px;
float: left;
clear: both;
}
#inner #mainmenu li, #inner #mainmenu li a {
float: left;
display: block;
color: #424574;
}
#inner #mainmenu li {
margin: 0 0px 0 0px;
height: 38px;
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: 38px;
font-size: 12px;
height: 38px;
letter-spacing: 0.00em;
font-family: Arial;
font-weight: bold;
padding-left: 12px;
padding-right: 12px;
text-transform: uppercase;
}
#inner #mainmenu li a:hover, #inner #mainmenu li a.active {
color: #fff6c2;
background: url(../images/mainmenuhoverbg.gif) repeat-x top left;
}
/*main menu END */
/* main menu */
/* main menu END*/
/* top left panel */
#banner_panel {
float: left;
width: 1002px;
height: 241px;
background: url(../images/homebanner.jpg) no-repeat top left;
padding-bottom: 24px;
}
img {
float: left;
margin: 10px;
border: 0;
margin-left: 0;
}
#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: 1002px;
padding: 0 0 20px 0;
float: left;
clear: both;
background: url(../images/maincontentbg.gif) no-repeat top left;
color: #666666;
margin-top: 270px;
}
/* main home panel */
#pagerightcolumn_inner {
width: 440px;
float: left;
border-top: 1px solid #f2d2df;
margin-left: 20px;
padding-top: 5px;
}
#s_right_column {
float:left;
clear: none;
width: 220px;
}
.left_column_01 {
float: left;
width: 720px;
margin-top: 0px;
margin-left: -25px;
}
/* main container END*/
/* left/right columns */
.feature_box {
margin: 0px 0px 10px 20px;
float: left;
width: 220px;
clear: none;
}
.left_info {
margin: 10px 0px 10px 0px;
}
.red_head {
height: 147px;
}
.special_box {
background: #eaeaea;
min-height: 306px;
}
#pageleftcolumn .special_box {
margin-left: 0;
}
.releated_info, .releated_course {
background: #ffffff;
min-height: 225px;
background: url(../images/releatedinfobg.gif) no-repeat top left;
}
.feature_box img {
float: left;
clear: both;
margin: 0;
}
.fb_footer {
float: left;
clear: both;
width: 220px;
height: 28px;
margin-top: 4px;
background: url(../images/fbfooterbg.gif) no-repeat top left;
}
#news_panel #left_news_box {
border: 0;
}
#maincontent .feature_box p {
margin: 0 0 0px 0;
float: left;
clear: left;
font-size: 11px;
color: #666666;
line-height: 14px;
width: 100%;
padding:0px;
}
#maincontent .special_box p, #maincontent .releated_info p {
margin: 0;
padding: 0;
width: 187px;
font-size: 12px;
float: left;
padding-left: 17px;
padding-top: 10px;
}
#maincontent .slider_box p {
margin: 0;
padding: 0;
width: 187px;
font-size: 12px;
float: left;
padding-left: 17px;
padding-top: 10px;
}
.single_slide,#slides {
width: 182px;
}
#maincontent .slider_box {
margin-left: 3px;
}
#inner #maincontent h1 {
margin: 0 0 11px 0;
float: left;
text-align: left;
font-size: 22px;
color: #000000;
line-height: 28px;
clear: both;
width: 100%;
font-weight: bold;
font-family: Arial;
}
#inner #maincontent h2.feature_h2 {
float: left;
width: 220px;
height: 28px;
clear: both;
margin: 0;
padding: 0;
}
h2#child_care {
background: url(../images/fchildcarehead.gif) no-repeat top left;
}
h2#healt_care {
background: url(../images/fhealthcarehead.gif) no-repeat top left;
}
h2#train_trainer {
background: url(../images/ftrainhead.gif) no-repeat top left;
}
h2#business {
background: url(../images/fbusinneshead.gif) no-repeat top left;
}
h2#distance_ler {
background: url(../images/fdistancelerhead.gif) no-repeat top left;
}
h2#coaching {
background: url(../images/fcoachinghead.gif) no-repeat top left;
}
h2#healthsafety {
background: url(../images/fhealthsafetyhead.gif) no-repeat top left;
}
h2#compit {
background: url(../images/fcompithead2.gif) no-repeat top left;
}
h2#cutomserv {
background: url(../images/fcustservicehead.gif) no-repeat top left;
}
h2#special_box {
background: url(../images/fspacialhead2.gif) no-repeat top left;
}
h2#releated_info_right, h2#releated_info_left {
background: url(../images/releatedinfohead.gif) no-repeat top left;
}
h2#releated_course {
background: url(../images/releatedcoursehead.gif) no-repeat top left;
}
h2#login_head {
background: url(../images/loginhead.gif) no-repeat top left;
}
h2#express_inquiry_head {
background: url(../images/expressinqhead.gif) no-repeat top left;
}
#maincontent .feature_box h2 a {
text-decoration: none;
color: #000000;
}
#inner .login_box img {
border-bottom: 5px solid #bd1d5e;
}
#maincontent .feature_box h2 a:hover {
text-decoration: underline;
color: #ac7203;
}
#maincontent a.more_01, #maincontent a.more_02 {
padding: 0;
margin: 6px 0 0 12px;
border: 0;
float: left;
clear: both;
text-align: center;
font-size: 11px;
color: #d9097f;
line-height: 12px;
height: 10px;
text-decoration: none;
background: url(../images/morebg.gif) no-repeat top left;
}
#maincontent a.more_01:hover, #maincontent a.more_02:hover {
text-decoration: underline;
}
#maincontent a.more_01 {
background: none;
}
#maincontent a.more_02 {
}
.intro {
float: left;
clear: both;
width: 698px;
border-right: 1px solid #eaeaea;
margin-left: 20px;
}
#inner .intro img {
float: left;
clear: none;
margin-right: 15px;
}
#maincontent .intro p {
float: left;
clear: none;
width: 82%;
}
#inner a.more, #inner .more {
float: left;
font-size: 11px;
color: #000000;
line-height: 21px;
text-decoration: none;
margin-top: 5px;
width: 64px;
height: 20px;
background: url(../images/readmore.gif) no-repeat;
clear: both;
margin-bottom: 20px;
}
#maincontent a.more:hover, #maincontent a.more:hover {
text-decoration: none;
color: #ac7203;
}
#inner .userbutton {
float: left;
font-size: 11px;
color: #000000;
line-height: 21px;
text-decoration: none;
margin-top: 5px;
width: 64px;
height: 20px;
background: url(../images/userbutton.gif) no-repeat;
clear: both;
margin-bottom: 20px;
line-height: 20px;
padding-left: 2px;
padding-right: 2px;
}
.userbutton2 {
float: left;
font-size: 11px;
color: #000000;
line-height: 21px;
text-decoration: none;
margin-top: 5px;
width: 64px;
height: 20px;
background: url(../images/userbutton.gif) no-repeat;
clear: both;
margin-bottom: 20px;
line-height: 20px;
padding-left: 2px;
padding-right: 2px;
}
#maincontent .userbutton:hover{
text-decoration: underline;
}
#maincontent #login_form p {
font-size: 11px;
line-height: 20px;
width: 100px;
float: right;
clear: none;
margin-top: 10px;
}
#maincontent #login_form p a {
color: #d9097f;
text-decoration: none;
}
#maincontent #login_form p a:hover {
text-decoration: underline;
}
#login_form {
float: left;
width: 220px;
height: 162px;
background: url(../images/loginpanelbg.gif) no-repeat;
padding-left: 17px;
float: left;
clear: both;
}
#login_form fieldset {
width: 192px;
float: left;
clear: both;
margin-top: 2px;
}
#login_form label{
float: left;
clear: both;
color: #777777;
line-height: 16px;
font-size: 11px;
margin-top: 5px;
}
#login_form input {
padding: 1px;
color: #636363;
width: 185px;
background: transparent;
font-size: 14px;
float: left;
margin-top: 8px;
font-size: 11px;
line-height: 24px;
}
#login_form label#passwordlabel {
margin-top: 8px;
padding-bottom: 3px;
}
#login_form #login_button {
float: left;
width: 64px;
height: 20px;
background: url(../images/loginbutton.gif) no-repeat;
margin: 10px 0 0 -1px;
position: relative;
cursor: pointer;
clear: none;
}
/* pageleftcolumn */
#pageleftcolumn {
padding: 0;
margin: 0px 0 0 0px;
border: 0;
float: left;
width: 229px;
}
/* pageleftcolumn END*/
#maincontent .page_info_box {
float: left;
clear: both;
margin-top: 15px;
width: 100%;
}
#inner #maincontent .page_info_box img {
float: left;
border: 0;
clear: none;
}
#inner #maincontent .page_info_box a{
float: left;
border: 0;
clear: none;
}
#maincontent .page_info_box p {
float: left;
clear: none;
}
#pagerightcolumn {
padding: 0 0 25px 0;
margin: 0px -10px 0 0px;
border: 0;
float: left;
width: 480px;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
}
#leftmenubox {
padding: 0px 0 0 0;
float: left;
width: 220px;
background: #f6fcca url(../images/leftmenubg.gif) repeat-y;
}
#left_menu {
padding-top: 10px;
width: 220px;
background: url(../images/leftmenuboxbg.gif) no-repeat;
}
#leftmenfooter {
float: left;
clear: both;
width: 220px;
height: 8px;
margin-top: 10px;
background: #f6fcca url(../images/leftmenufooterbg.gif) no-repeat;
}
/* right precrumb menu */
#precrumb {
float: left;
clear: both;
text-align: center;
position: relative;
height: 19px;
width: 90%;
line-height: 23px;
margin-top: -15px;
padding-bottom: 15px;
}
#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: #dedede;
font-size: 11px;
}
#inner #precrumb li em {
font-style: normal;
font-size: 11px;
color: #888888;
}
#inner #precrumb li a {
padding: 0;
border: 0;
margin: 0 6px 0 6px;
text-decoration: none;
color: #888888;
text-align: center;
font-size: 11px;
letter-spacing: 0.00em;
}
#inner #precrumb li a:hover {
color: #c62465;
text-decoration: underline;
}
#inner #precrumb li.active a {
color: #c62465;
}
#inner #maincontent h2 {
width: 98%;
clear: both;
font-size: 28px;
margin: 0;
padding: 0;
border: 0;
line-height: 45px;
color: #bd1d5e;
font-family: Arial;
font-weight: bold;
letter-spacing: -0.05em;
}
#inner #maincontent h1 {
width: 98%;
clear: both;
font-size: 28px;
margin: 0;
padding: 0;
border: 0;
line-height: 45px;
color: #bd1d5e;
font-family: Arial;
font-weight: bold;
letter-spacing: -0.05em;
}
#inner #maincontent .intro h2 {
color: #d9097f;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
#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: #666666;
}
#maincontent p a {
color: #c62465;
text-decoration: underline;
}
#maincontent p strong {
float: left;
clear: right;
margin: 5px 0 10px 0;
padding: 0;
border: 0;
}
#maincontent p strong a {
color: #000000;
text-decoration: none;
}
#maincontent p strong a:hover {
text-decoration: underline;
}
#inner #maincontent h3 {
width: 100%;
float: left;
font-size: 16px;
margin: 0 0px 0 0;
padding: 0;
border: 0;
line-height: 45px;
clear: none;
color: #f90567;
}
.news_link{
width: 100%;
float: left;
font-size: 16px;
margin: 0 0px 0 0;
padding: 0;
border: 0;
line-height: 45px;
clear: none;
color: #bd1d5e;
text-decoration:none;
}
#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: 100%;
float: left;
clear: both;
border-top: 1px solid #eeeeee;
}
#footer p {
width: 940px;
text-align: center;
margin: 0 auto;
font-size: 11px;
margin-top: 18px;
color: #666666;
clear: both;
padding: 0;
margin-top: 0;
}
#footer p a {
color: #c62465;
text-decoration: none;
}
#footer_menu_bar {
width: 940px;
margin: 0 auto;
background: url(../images/footermenubar.gif) no-repeat;
height: 38px;
margin-top: -19px;
position: relative;
left: -35px;
clear: both;
margin-bottom: -19px
}
.footermenu {
float: left;
width: 550px;
height: 14px;
margin-left: 25px;
height: 38px;
margin-bottom: -12px
}
.footermenu li {
list-style: none;
float: left;
font-size: 11px;
height: 38px;
font-weight: bold;
line-height: 38px;
color: #aaaaaa;
}
.footermenu li a {
margin: 0 7px 0 7px;
text-decoration: none;
color: #666666;
letter-spacing: 0.00em;
float: left;
}
.footermenu li a:hover {
color: #c62465;
}
.footermenu li a.active {
color: #c62465;
}
.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*/
}
.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;
}
/*** 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-vertical li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
color: #ffffff;
}
.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 0 0 0px;
border: 0;
height: 31px;
line-height: 31px;
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 0px;
border: 0;
border: 0;
width: 180px;
height: 31px;
line-height: 31px;
color: #ffb6d3;
margin-left: 20px;
}
.sf-vertical li a:hover, .sf-vertical li.active a {
width: 161px;
background: url(../images/lileftmenuhovbg.gif) no-repeat;
color: #ffffff;
padding-left: 10px;
font-weight: bold;
}
.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;
}
.sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active {
width: 161px;
background: url(../images/lileftmenuhovbg.gif) no-repeat;
color: #ffffff;
padding-left: 10px;
font-weight: bold;
}
.sf-navbar a, .sf-navbar a:visited {
border: none;
}
.sf-navbar li.current {
color: #ffffff;
}
.clear {
clear: both;
}
#maincontent #express_inquiry p {
font-size: 11px;
line-height: 20px;
width: 100px;
float: right;
clear: none;
margin-top: 10px;
}
#maincontent #express_inquiry p a {
color: #d9097f;
text-decoration: none;
}
#maincontent #express_inquiry p a:hover {
text-decoration: underline;
}
#express_inquiry {
float: left;
width: 220px;
min-height: 302px;
background: url(../images/inquirypanelbg.gif) no-repeat;
padding-left: 17px;
float: left;
clear: both;
padding-top: 3px;
}
#express_inquiry fieldset {
width: 192px;
float: left;
clear: both;
margin-top: 2px;
}
#express_inquiry label{
float: left;
clear: both;
color: #777777;
line-height: 16px;
font-size: 11px;
margin-top: 5px;
}
#express_inquiry input {
padding: 1px;
color: #636363;
width: 185px;
background: transparent;
font-size: 14px;
float: left;
margin-top: 8px;
font-size: 11px;
line-height: 24px;
}
#express_inquiry label#phonelabel {
margin-top: 8px;
padding-bottom: 3px;
}
#express_inquiry label#subjectlabel {
margin-top: 8px;
padding-bottom: 3px;
}
#express_inquiry label#emaillabel {
margin-top: 8px;
padding-bottom: 3px;
}
#express_inquiry #login_button {
float: left;
width: 64px;
height: 20px;
background: url(../images/submitbutton.gif) no-repeat;
margin: 10px 0 0 -1px;
position: relative;
cursor: pointer;
clear: none;
}
#express_inquiry #inquiry_subject {
clear: both;
background: transparent;
width: 185px;
height: 95px;
float: left;
margin-top: 3px;
padding: 3px;
}
#tab-1, #tab-2, #tab-3, #tab-4, #tab-5 {
float: left;
width: 440px;
clear: both;
}
.list_01 {
margin: 10px 0 0 0px;
float: left;
width: 473px;
position: relative;
left: -17px;
border: 1px solid #e3eaf2;
}
.list_01 dl {
display: block;
float: left;
text-align: left;
}
.list_01 dt {
padding: 0;
margin: 0;
border: 0;
width: 463px;
color: #95a5b2;
margin: 0;
text-align: left;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.00em;
height: 24px;
line-height: 24px;
float: left;
overflow: hidden;
margin-bottom: 1px;
padding-left: 10px;
}
.list_01 dt a {
margin-left: 0px;
color: #9b0054;
text-decoration: none;
}
.list_01 dt a:hover {
text-decoration: underline;
}
.list_01 dt.dark {
background: #dee8f4;
}
.list_01 dt.light {
background: #e6f0f9;
}
.list_01 span.c_01 {
max-width: 100px;
float: left;
color: #416388;
font-weight: bold;
float: left;
min-width: 85px;
}
.list_01 span.c_02 {
max-width: 340px;
float: left;
min-width: 100px;
color:#000000;
}
.list_01 span.c_01 img {
margin-left: 5px;
position: relative;
top: 5px;
}
.list_01 span.c_red {
max-width: 340px;
float: left;
min-width: 100px;
color:#9b0054;
}
ul.related_courses {
width: 75%;
float: left;
margin: 15px 35px 0 25px;
padding: 0;
border: 0;
clear: left;
list-style-type: none;
}
ul.related_courses 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;
color: #dedede;
line-height: 12px;
font-size: 11px;
}
ul.related_courses li a{
color: #666666;
line-height: 12px;
font-size: 12px;
text-decoration:none;
}
.formfield{
border-color:#666666;
border-width:1px;
border-style:solid;
padding:2px;
}
table {
float: left;
}
/* Rotator Styles */
#rotator {
color:#000;
padding:0;
margin:0 auto;
font-size:16px;
width: 1070px;
height:415px;
overflow: hidden;
top: 11px;
float: left;
z-index: 1;
position: absolute;
}
/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
}
ul.ui-tabs-nav {
display: none;
}
ul.ui-tabs-nav li {
}
ul.ui-tabs-nav li span.number {
}
/* Content Panels */
#rotator .ui-tabs-panel {
clear: none;
color: #000;
padding: 0;
height:415px;
width: 1070px;
float: left;
margin: 0;
border: 0;
}
#rotator .ui-tabs-hide {
display:none;
}
/* Background Images */
#rotator #fragment-1, #rotator #fragment-2, #rotator #fragment-3, #rotator #fragment-4, #rotator #fragment-5, #rotator #fragment-6, #rotator #fragment-7 {
height:415px;
width: 1070px;
margin: 0;
padding: 0;
border: 0;
float: left;
margin-bottom: -67px;
}
#rotator a img.slajd, #rotator img.slajd {
float: left;
height:241px;
width: 1070px;
border: 0;
padding: 0;
margin: 0;
margin-top: 163px;
}
#featured{
width:550px;
background: url(images/infoboxbg.png) left bottom no-repeat;
position:relative;
height:200px;
padding-bottom: 60px;
float: left;
clear: both;
margin-top: 0px;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:-20px; left:350px;
list-style:none;
padding:0; margin:0;
width:100%;
z-index: 5;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:0px;
font-size:12px;
color:#666;
margin-top: 20px;
padding-left: 10px;
width: 50px;
float: left;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:0px 0px;
background:#fff;
padding:0px;
border: 0;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a {
display:block;
height:30px;
color:#333;
line-height:20px;
overflow: hidden;
width: 50px;
background:url('images/bullet.png') no-repeat 0 0;
}
#featured li#nav-fragment-1 a {
}
#featured li#nav-fragment-1 a:hover {
}
#featured li#nav-fragment-1 a:hover {
}
#featured li#nav-fragment-2 a {
}
#featured li#nav-fragment-2 a:hover {
}
#featured li#nav-fragment-3 a {
}
#featured li#nav-fragment-3 a:hover {
}
#featured li.ui-tabs-nav-item a:hover {
background:url('images/bullet.png') no-repeat 0 -30px;
}
#featured li.ui-tabs-selected{
}
#featured ul.ui-tabs-nav li.ui-tabs-selected {
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {
background:url('images/bullet.png') no-repeat 0 -30px;
}
#featured .ui-tabs-panel{
width:550px; height:200px;
position:relative;
float: left;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:0px; left:0;
height:60px;
background: url('images/transparent-bg.png');
}
#featured .info h2{
}
#featured p{
font-size: 11px;
margin-top: 15px;
}
#featured .info a{
text-decoration:none;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}
#myController {
display: none;
}
#myController span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
width:150px;
}
#prevNext {
display: none;
}
#jFlowSlide{
width:220px;
}
#myController span.jFlowSelected {
background:#F00;
}
.jFlowPrev, .jFlowNext{
cursor:pointer;
}
.slide{
border:dashed thick #0000CC;
}