/* CSS Document */ body {background: #f5f5f5; margin: 0 auto; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;} form {margin: 0;} select, textarea, input {font: 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #005695;} hr {clear: both; margin: 0; padding: 10px 0;} .red {color: #ca0300 !important;} .blue {color: #005695 !important;} a.blue:hover {color: #000 !important;} .black {color: #000 !important;} a.noUndrl {text-decoration: none;} .white {color: #fff !important;} .whiteRule {color: #fff !important; border-bottom: 1px solid #2660ae; padding-bottom: 15px; margin-bottom: 10px; margin-top: 30px !important;} .small {font-size: 10px; line-height: 14px;} table .small {font-size: 9px;} .clear {clear: both;} #main {width: 950px; margin: 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff; background: url(../img/bck_main.gif) repeat-y; overflow: hidden;} /* ///////////////////////// LEFT /////////////////////////// */ #left {float: left; width: 209px; background: url(../img/bck_leftnav.gif) repeat-x 185px 0 #fff; padding-bottom: 40px;} #left .logo {display: block; background: url(../img/img_logo_ae.gif) no-repeat; height: 178px; width: 209px; font: 13px Verdana, Geneva, sans-serif; color: #036; text-decoration: none; text-align: center;} #left .logo p {float: left; margin-top: 120px;width: 209px;} #left #quicksearch {clear: both; color: #fff; text-align: center;} #left #quicksearch h1 {font-size: 19px; font-weight: bold; margin: 10px 0;} #left #quicksearch select {width: 185px; border: 1px solid #ccc; padding: 2px; margin-bottom: 6px; color: #005695;} #left #quicksearch .btn {float: right; margin: 2px 10px 16px 0;} #left #quicksearch optgroup {background-color: #ca0300; font-weight: bold; color: white;} #left #quicksearch option {background-color: white; font-weight: normal; color: #005695;} #left #contact {clear: both; background: url(../img/bck_contact.gif) no-repeat; height: 166px; width: 180px; margin: 0 auto 7px auto; text-align: center;} #left #contact .photo {border: 4px solid #cadeed; margin-top: 37px;} #left #contact .btn {display: block; background: url(../img/btn_contact.gif) no-repeat; height: 27px; width: 149px; margin: 2px auto 0 auto; text-align: center; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; line-height: 25px;} #left #contact .btn:hover {color: #005695;} #left .banner {margin: 0 auto; display: block; margin-bottom: 5px;} #left #leftnav {margin: 3px auto 10px auto; padding: 0; list-style: none;} #left #leftnav li {display: block; margin: 4px auto; background: url(../img/bck_leftnav_btn.gif) no-repeat; width: 179px; height: 27px; font-size: 13px; font-weight: bold; line-height: 25px;} #left #leftnav li a {display: block; width: 169px; height: 27px; color: #fff; text-decoration: none; padding-left: 10px;} #left #leftnav li a:hover {color: #005695;} /* ///////////////////////// RIGHT /////////////////////////// */ #right {float: right; width: 741px; background: url(../img/bck_top_options.gif) repeat-y; overflow: hidden;} #right #top .menu {background: url(../img/bck_menu_top.gif) repeat-x; height: 43px; list-style: none; padding: 0; margin: 0; text-align: center; font-size: 13px; font-weight: bold; line-height: 40px;} #right #top .menu li {display: inline; padding: 0; margin: 0;} #right #top .menu li a {display: block; float: left; color: #fff; text-decoration: none; background: url(../img/div_menu_top.gif) right no-repeat; padding: 0 11px 0 10px;} #right #top .menu li a:hover {color: #ccc;} #right #top .menu li.menuEnd a {text-align: center; display: block; float: right; color: #fff; text-decoration: none; background: url(../img/div_menu_top.gif) right no-repeat; padding: 0 11px 0 10px;} #right #top .options {clear: both; height: 33px; border-bottom: 1px solid #d9d9d9;} #right #top .options .flags {float: left; margin-left: 10px;} #right #top .options .flags a {display: block; float: left; margin: 10px 3px; -moz-opacity: 0.5; filter: alpha(opacity=50); border: 1px solid #fff;} #right #top .options .flags a:hover {-moz-opacity: 1; filter: alpha(opacity=100); border: 1px solid #ccc;} #right #top .options .flags a.active {-moz-opacity: 1; filter: alpha(opacity=100); border: 1px solid #333;} #right #top .options .phone {float: left; color: #005695; font-size: 13px; font-weight: bold; line-height: 32px; padding: 0 20px;} #right #top .options .search {float: left; margin-top: 5px;} #right #top .options .search input {float: left; border: 1px solid #ccc; height: 19px; width: 190px;} #right #top .options .search .btn {border: 0; margin-left: 4px; height: auto; width: auto;} #right #top .options .sitemap {float: right; margin-right: 10px; margin-top: 5px;} /* //////////////////////// HOME ///////////////////////////// */ #right #whyAnswer {clear: both; height: 250px; background: url(../img/bck_why_ae.gif) repeat-x #023579; border-bottom: 1px solid #fff; color: #fff;} #right #whyAnswer .image {float: left;} #right #whyAnswer .bullets {float: right; width: 233px; padding-top: 25px;} #right #whyAnswer .bullets h1 {margin: 0; font-size: 25px; font-weight: bold;} #right #whyAnswer .bullets h2 {margin: 0; font-size: 28px; margin-bottom: 15px; font-weight: bold;} #right #whyAnswer .bullets ul {font-size: 15px; margin: 0; padding: 0; list-style: none;} #right #whyAnswer .bullets li {padding-left: 18px; background: url(../img/bull_why_ae.gif) no-repeat 0 4px; margin-bottom: 4px;} #right #whyAnswer .bullets a {color:white; text-decoration: none;} #right #whyAnswer .bullets a:hover {color:white; text-decoration: underline;} #right #coursesType {clear: both; background: url(../img/bck_course_type_home.gif) top center no-repeat #ca0300; padding: 10px 0 3px 10px; color: #fff; overflow: hidden; float: left; width: 731px; border-bottom: 1px solid #fff;} #right #coursesType h1 {font-size: 20px; padding-bottom: 10px; font-weight: bold; text-align: center; margin: 3px 0 0 0;} #right #coursesType .course {float: left; margin-right: 7px;} #right #coursesType .course img {border: 7px solid #fff;} #right #coursesType .course .btn {display: block; background: url(../img/bck_course_type_btn.gif) no-repeat; width: 234px; height: 45px; text-align: center; color: #fff; margin: 7px 0; text-decoration: none; line-height: 41px; font-size: 20px; font-weight: bold;} #right #coursesType .course .btn:hover {color: #000;} /* #right #offers {clear: both; overflow: hidden; padding-left: 30px; padding-top: 15px; background: url(../img/bck_offers_home.gif) center top no-repeat #fff; padding-bottom: 20px;} #right #offers h1 {font-size: 17px; margin: 0;} #right #offers h1 a {color: #000; text-decoration: none;} #right #offers h1 a:hover {color: #005695;} #right #offers .price {background: url(../img/bck_offers_price.gif) no-repeat; height: 98px; width: 128px; text-align: center; float: left; padding-top: 20px; margin-top: 10px;} #right #offers .price .disccount {font-size: 17px; line-height: 16px;} #right #offers .price .priceOld {display: block; float: left; font-size: 12px; text-decoration: line-through; padding: 0 6px; padding-left: 17px; margin-top: 5px;} #right #offers .price .priceNew {display: block; float: left; font-size: 12px; font-weight: bold; margin-top: 5px;} #right #offers .description {padding-top: 15px; padding-left: 115px;} #right #offers .description h2 {font-size: 17px; font-weight: normal; margin: 0;} #right #offers .description h2 a {color: #023579; text-decoration: none;} #right #offers .description h2 a:hover {color: #023579; text-decoration: underline;} #right #offers .description p {margin: 0; margin-top: 5px; font-size: 13px; line-height: 16px; width: 390px;} #right #offers .image {float: right; margin-top: -15px; padding-right: 60px;} #right #offers .image .btn {display: block; background: url(../img/btn_offers_book.gif) no-repeat; width: 130px; height: 33px; margin-top: 5px;} */ #right #offers {clear: both; overflow: hidden; padding-left: 30px; padding-top: 15px; background: url(../img/bck_offers_home.gif) center top no-repeat #fff; padding-bottom: 20px;} #right #offers h1 {font-size: 17px; margin: 0;} #right #offers h1 a {color: #000; text-decoration: none;} #right #offers h1 a:hover {color: #005695;} #right #offers .price {background: url(../img/bck_offers_price.gif) no-repeat; height: 98px; width: 128px; text-align: center; float: left; padding-top: 20px; margin-top: 10px;} #right #offers .price .disccount {font-size: 17px; line-height: 16px;} #right #offers .price .priceOld {display: block; float: left; font-size: 12px; text-decoration: line-through; padding: 0 6px; padding-left: 17px; margin-top: 5px;} #right #offers .price .priceNew {display: block; float: left; font-size: 12px; font-weight: bold; margin-top: 5px;} #right #offers .description {padding-top: 15px; padding-left: 115px;} #right #offers .description h2 {font-size: 17px; font-weight: normal; margin: 0;} #right #offers .description p {margin: 0; margin-top: 5px; font-size: 13px; line-height: 16px; width: 390px;} #right #offers .image {float: right; margin-top: -95px; padding-right: 60px;} #right #offers .image .btn {display: block; background: url(../img/btn_offers_book.gif) no-repeat; width: 130px; height: 33px; margin-top: 5px;} #right #bottom {clear: both; overflow: hidden; background: url(../img/bck_community_home.gif) #e2eefc no-repeat top center; padding: 10px; padding-top: 18px; float: left; width: 731px;} #right #bottom h1 {font-size: 17px; font-weight: bold; color: #00377a; margin: 0; padding-left: 15px;} #right #bottom #community {float: left; width: 48%;} #right #bottom #community .person {float: left; font-size: 11px; line-height: 13px; margin: 12px 10px;} #right #bottom #community .person img {border: 4px solid #fff; margin-bottom: 3px;} #right #bottom #community .person p {margin: 0; color: #005695; padding-left: 3px;} #right #bottom #community .person .name {font-weight: bold;} #right #bottom #community .person .country {margin-bottom: 7px;} #right #bottom #community .person a {display: block; background: url(../img/btn_small.gif) no-repeat; text-align: center; color: #fff; text-decoration: none; width: 92px; height: 19px; font-size: 10px; font-weight: bold; line-height: 18px;} #right #bottom #community .person a:hover {color: #005695;} #right #bottom #blog {float: right; width: 52%; background: url(../img/div_community_home.gif) no-repeat; color: #005695; min-height: 200px;} #right #bottom #blog h1 {margin-left: 10px;} #right #bottom #blog ul {list-style: none; padding: 0; margin: 12px 25px; font-size: 13px; font-weight: bold; line-height: 15px; border-top: 1px solid #fff; padding-top: 12px;} #right #bottom #blog li {border-bottom: 1px solid #fff; padding-bottom: 12px; margin-bottom: 12px;} #right #bottom #blog li a { color: #005695; text-decoration: none;} #right #bottom #blog li a:hover {color: #000;} /* //////////////////////// SCHOOL ///////////////////////////// */ #right #school {clear: both; overflow: hidden; background: url(../img/bck_school.gif) repeat-y; } #right #school .header {background: url(../img/bck_header.gif) 0 124px no-repeat; height: 150px;} #right #school h1 {font-size: 24px; line-height: 26px; color: #ca0300; margin: 0; padding-left: 20px;} #right #school #schoolInfo {margin: 20px; margin-bottom: 0; padding-bottom: 20px;} #right #school .tabs {list-style: none; margin: 0; padding: 0; height: 33px;} #right #school .tabs a {text-decoration: none; color: #fff; font-size: 13px; display: block; float: left; padding: 0 9px 0 8px; height: 33px; line-height: 32px;} #right #school .tabs a:hover {color: #000;} #right #school .tabs li {display: inline; margin: 0; padding: 0;} #right #school .tabs li .left {display: block; float: left; height: 33px; width: 4px;} #right #school .tabs li .right {display: block; float: left; height: 33px; width: 4px;} #right #school .tabs li.normal a {background: url(../img/tab.gif) repeat-x;} #right #school .tabs li.normal .left {background: url(../img/tab_left.gif) repeat-x;} #right #school .tabs li.normal .right {background: url(../img/tab_right.gif) repeat-x right;} #right #school .tabs li.active a {background: url(../img/tab_over.gif) repeat-x;} #right #school .tabs li.active a:hover {color: #fff;} #right #school .tabs li.active .left {background: url(../img/tab_over_left.gif) repeat-x;} #right #school .tabs li.active .right {background: url(../img/tab_over_right.gif) repeat-x right;} #right #school .tabs li.book {float: right;} #right #school .tabs li.book a {background: url(../img/tab_book.gif) repeat-x; font-weight: bold; padding-left: 12px; padding-right: 11px;} #right #school .tabs li.book .left {background: url(../img/tab_book_left.gif) repeat-x;} #right #school .tabs li.book .right {background: url(../img/tab_book_right.gif) repeat-x right;} #right #school .FAQtabs {list-style: none; margin: 0; padding: 0; height: 33px;} #right #school .FAQtabs a {text-decoration: none; color: #fff; font-size: 13px; display: block; float: left; padding: 0 4px; height: 33px; line-height: 32px;} #right #school .FAQtabs a:hover {color: #000;} #right #school .FAQtabs li {display: inline; margin: 0; padding: 0;} #right #school .FAQtabs li .left {display: block; float: left; height: 33px; width: 4px;} #right #school .FAQtabs li .right {display: block; float: left; height: 33px; width: 4px;} #right #school .FAQtabs li.normal a {background: url(../img/tab_faq.gif) repeat-x;} #right #school .FAQtabs li.normal .left {background: url(../img/tab_faq_left.gif) repeat-x;} #right #school .FAQtabs li.normal .right {background: url(../img/tab_faq_right.gif) repeat-x right;} #right #school .FAQtabs li.active a {background: url(../img/tab_faq_over.gif) repeat-x;} #right #school .FAQtabs li.active a:hover {color: #fff;} #right #school .FAQtabs li.active .left {background: url(../img/tab_faq_over_left.gif) repeat-x;} #right #school .FAQtabs li.active .right {background: url(../img/tab_faq_over_right.gif) repeat-x right;} #right #school #schoolInfo p {margin: 10px 0;} #right #school #schoolInfo h2 {font-size: 17px; margin-top: 5px; margin-bottom: 15px; font-weight: bold; color: #ca0300;} #right #school #schoolInfo #info {clear: both; border: 1px solid #e5e5e5; padding: 20px 30px; padding-bottom: 0; font-size: 13px; line-height: 17px;} #right #school #schoolInfo #info p.intro {margin: 5px 0; margin-bottom: 15px;} #right #school #schoolInfo #info p.intro a {color: #ca0300;} #right #school #schoolInfo #info p.intro a:hover {color: #000;} #right #school #schoolInfo #info p.text {margin: 15px 0;} #right #school #schoolInfo #info h1 {padding-left: 0; margin-bottom: 20px;} #right #school #schoolInfo #info .video {clear: both; margin-top: 10px; text-align: center;} #right #school #schoolInfo #info .imageBig {clear: both; text-align: center;} #right #school #schoolInfo #info .imageBig img {height: 360px; border: 1px solid #ccc;} #right #school #schoolInfo #info .imageThumbs {clear: both; margin: 10px; padding-left: 60px; margin-top: 0;} #right #school #schoolInfo #info .imageThumbs img {height: 55px; border: 1px solid #ccc; margin: 0 3px; vertical-align: top;} #right #school #schoolInfo #info .imageThumbs a {cursor: auto; cursor: pointer;} #right #school #schoolInfo #info p.imageNote {text-align: center; margin: 10px 0;} #right #school #schoolInfo #introRed {clear: both; padding: 20px 30px; font-size: 13px; line-height: 17px; color: #fff; background: #ca0300; font-size: 13px;} #introRed h1, #introRed h2, #introRed h3 {color: #fff !important;} #introLightBlue h1, #introLightBlue h2, #introLightBlue h3 {color: #fff !important;} #right #school #schoolInfo #introBlue {clear: both; padding: 20px 30px; font-size: 13px; line-height: 17px; color: #fff; background: #023579; font-size: 13px;} #introBlue h1, #introBlue h2, #introBlue h3, #introBlue a, #introLightBlue a {color: #fff !important;} #introBlue a:hover {color: #ccc !important;} #introLightBlue a:hover {color: #005695 !important;} #right #school #schoolInfo #introLightBlue {clear: both; padding: 20px 30px; padding-top: 10px; font-size: 13px; line-height: 17px; color: #fff; background: #63a0e4; font-size: 13px;} #right #school #schoolInfo #introLightBlue h2 {margin: 0 auto; margin-top: 20px;} #right #school #schoolInfo #introLightBlue p {margin: 0 auto; margin-top: 5px;} .introBlue {clear: both; padding: 20px 30px; font-size: 13px; line-height: 17px; color: #fff; background: #023579; font-size: 13px;} .introBlue h2 {color: #fff !important;} .introBlue a {color: #fff !important;} .introBlue a:hover {color: #ccc !important;} #right #school #schoolInfo .twoCol {clear: both; margin: 20px 0; overflow: hidden;} #right #school #schoolInfo .itemRuleGray .twoCol {clear: both; margin: 0; margin-bottom: -20px; overflow: hidden;} #right #school #schoolInfo .twoCol table.location {font-size: 11px; line-height: 16px;} #right #school #schoolInfo .twoCol table.location li {border: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 16px !important;} #right #school #schoolInfo .twoCol table.location li:hover { background: none !important;} #right #school #schoolInfo .twoCol td.left {padding-right: 5px; vertical-align: bottom;} #right #school #schoolInfo .twoCol td.right {padding-left: 5px; vertical-align: bottom;} #right #school #schoolInfo .twoCol div.left {float: left; width: 49%;} #right #school #schoolInfo .twoCol div.right {float: right; width: 49%;} #right #school #schoolInfo .twoCol .logo {padding: 20px 0;} #right #school #schoolInfo .twoCol ul {list-style: none; margin: 0; padding: 0; margin-bottom: 5px;} #right #school #schoolInfo .twoCol .tit {font-weight: bold;} #right #school #schoolInfo #locationMap {clear: both; margin: 0 0 20px 0;} #right #school #schoolInfo #graydetails {background: url(../img/bck_more_info_1.gif) #f5f5f5 top center no-repeat; padding: 20px 35px; padding-bottom: 25px; margin: 0 -30px 0 -30px; font-size: 11px; line-height: 16px; border-bottom: 1px solid #fff;} #right #school #schoolInfo #graydetailsExec {background: url(../img/bck_more_info_1.gif) #f5f5f5 top center no-repeat; padding: 20px 35px; padding-bottom: 25px; margin: 0 -30px 0 -30px; font-size: 12px; line-height: 16px; border-bottom: 1px solid #fff;} #right #school #schoolInfo #graydetails table.prices {border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px;} #right #school #schoolInfo #graydetails table.prices td {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #ccc; width: 35px; font-size: 11px; text-align: center; padding: 7px 0;} #right #school #schoolInfo #graydetails table.prices td.tit1 {font-size: 13px; font-weight: bold; color: #ca0300; width: 115px;} #right #school #schoolInfo #graydetails table.prices td.tit2 {font-size: 13px; font-weight: bold; color: #000; width: 115px;} #right #school #schoolInfo #graydetails p.note {margin: 0; clear: both;} #right #school #schoolInfo table.customer {border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px; clear: both;} #right #school #schoolInfo table.customer td {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #ccc; width: 100px; font-size: 11px; text-align: center; padding: 7px 0;} #right #school #schoolInfo table.customer td.tit1 {font-size: 13px; font-weight: bold; color: #ca0300; width: 140px; text-align: left; padding:5px;} #right #school #schoolInfo table.customer td.tit2 {font-weight: bold; color: #000; width: 140px; text-align: left; padding:5px;} #right #school #schoolInfo table.customer td.options {font-size: 13px; color: #000; width: 385px; text-align: left; padding:10px; font-size: 11px; line-height: 14px;} #right #school #schoolInfo table.customer td img {margin: 0; margin-top: 5px; border: 0; float: none;} #right #school #schoolInfo table.customer p.note {margin: 0; clear: both;} #customer .item .label {width: 305px; text-align: right; float: left; margin-right: 5px; padding-top: 2px;} #right #school #schoolInfo #graydetails table td.left {padding-right: 8px; vertical-align: top; width: 50% !important;} #right #school #schoolInfo #graydetails table td.right {padding-left: 8px; vertical-align: top; width: 50% !important;} #right #school #schoolInfo #graydetails table h2 {margin-top: 20px; margin-bottom: 6px;} #right #school #schoolInfo #graydetails table.courses a {color: #000; text-decoration: underline;} #right #school #schoolInfo #graydetails table.courses a:hover {color: #ca0300; text-decoration: underline;} .offer_content ul {list-style: none; margin: 0; padding: 0; margin-bottom: 20px; font-size:12px;} .offer_content ul li {position:relative; padding:10px 0; border-bottom: 1px solid #e5e5e5; line-height: 13px;} .offer_content ul li img { position:absolute; left: 478px; top: 3px;} .offer_content ul li a { color:#000000; text-decoration: none; } .offer_content ul li a:hover {color:#005695; } #right #school #schoolInfo #graydetails ul {list-style: none; margin: 0; padding: 0; margin-bottom: 30px;} #right #school #schoolInfo #graydetailsExec ul {list-style: none; margin: 0; padding: 0; margin-bottom: 30px;} #right #school #schoolInfo #graydetails li {border-bottom: 1px solid #e5e5e5; padding: 2px 0 4px 0; line-height: 15px;} #right #school #schoolInfo #graydetailsExec li {border-bottom: 1px solid #e5e5e5; padding: 2px 0 4px 0; line-height: 15px;} #right #school #schoolInfo #graydetails li:hover { background: #fff;} #right #school #schoolInfo #graydetailsExec li:hover { background: #fff;} #right #school #schoolInfo #graydetails a {color: #ca0300; text-decoration: underline;} #right #school #schoolInfo #graydetails a:hover {color: #000;} #right #school #schoolInfo #graydetailsExec a {color: #ca0300; text-decoration: underline;} #right #school #schoolInfo #graydetailsExec a:hover {color: #000;} #right #school #schoolInfo #graydetailsExec a.blacky {color: #000; text-decoration: underline;} #right #school #schoolInfo #graydetailsExec a.blacky:hover {color: #222;} #right #school #schoolInfo .back {text-align: right; margin: 0 0 5px 0; font-size: 11px;} #right #school #schoolInfo .back a {color: #000; text-decoration: underline;} #right #school #schoolInfo .back a:hover {color: #ca0300;} #right #school #schoolInfo .bluedetails {background: url(../img/bck_bluedetails.gif) repeat-y #126eb0; width: 640px; color: #fff; margin-bottom: 20px; } #right #school #schoolInfo .bluedetails .top {clear: both; background: url(../img/bck_bluedetails_top.gif) no-repeat; height: 4px; font-size: 1px;} #right #school #schoolInfo .bluedetails .bottom {clear: both; background: url(../img/bck_bluedetails_bottom.gif) no-repeat; height: 4px; font-size: 1px;} #right #school #schoolInfo .bluedetails h2 {margin: 0; padding: 20px 0 0 20px; color: #fff;} #right #school #schoolInfo .bluedetails ul {margin:0; padding: 10px 40px; width: 310px;} #right #school #schoolInfo .bluedetails li {list-style: url(../img/bull_bluedetails.gif); padding-bottom: 2px;} #right #school #schoolInfo .bluedetails img {float: right; margin: 20px; margin-left: 0;} #right #school #schoolInfo .bluedetails p {margin: 20px;} #right #school #schoolInfo .bluedetails a {color: #fff !important;} #right #school #schoolInfo .bluedetails a:hover {color: #000 !important;} #right #school #schoolInfo #booknow {background: #023579; color: #fff; margin: 0 -30px 0 -30px; font-size: 13px; line-height: 17px; border-bottom: 1px solid #fff;} #right #school #schoolInfo #booknow .tit {background: url(../img/bck_titbook_top.gif) no-repeat top center #01205c; padding: 20px 30px; height: 20px;} #right #school #schoolInfo #booknow .tit h2 {color: #fff; float: left; margin: 0; font-size: 24px; line-height: 20px;} #right #school #schoolInfo #booknow .tit .steps {float: right; font-size: 17px; color: #0068c1; padding-top: 1px;} #right #school #schoolInfo #booknow .tit .steps strong {color: #63a0e4;} #right #school #schoolInfo #booknow .tit .steps .active {color: #fff;} #right #school #schoolInfo #booknow .text {padding: 20px 30px;} #right #school #schoolInfo #booknow .text p {margin: 0;} #right #school #schoolInfo #booknow .text ol {margin: 0; padding: 0; padding-left: 22px; padding-top: 5px;} #right #school #schoolInfo #booknow form {background: url(../img/bck_more_info_1.gif) #f5f5f5 top center no-repeat; padding: 10px 35px; padding-bottom: 0; font-size: 11px; line-height: 16px; border-bottom: 1px solid #fff; color: #000;} #right #school #schoolInfo #booknow a {color: #023579;} #right #school #schoolInfo #booknow a:hover {color: #ca0300;} #right #school #schoolInfo #booknow form h2 {color: #000;} .item {clear: both; margin-bottom: 5px;} .item .label {width: 200px; text-align: right; float: left; margin-right: 5px; padding-top: 2px;} .item select {width: 200px;} #right #school #schoolInfo #booknow .item input {width: 250px; border: 1px solid #ccc; padding: 2px; margin-bottom: 6px; color: #005695;} #right #school #schoolInfo #booknow .item input.check {width: auto; margin-right: 2px; vertical-align: middle;} #right #school #schoolInfo #booknow .item img {margin-left: 1px; margin-bottom: 2px;} #right #school #schoolInfo #booknow .next {clear: both; background: url(../img/bck_titbook_top.gif) no-repeat top center #01205c; padding: 0 30px; height: 60px; margin: 20px -35px 0px -35px; color: #fff;} #right #school #schoolInfo #booknow .next h3 {color: #fff; font-size: 17px; margin: 0; margin-top: 15px;} .item {margin: 0;} #right #school #schoolInfo #booknow .next .item input {width: 96px; font-size: 17px; font-weight: bold; margin-top: 15px; text-align: center;} #right #school #schoolInfo #booknow .next .item .label {width: 242px; text-align: right; float: left; margin-right: 5px; line-height: 30px;} #right #school #schoolInfo #booknow .next .item input.nextBtn {height: auto; width: auto; float: right; margin-top: -35px; margin-right: -15px;} #right #school #schoolInfo #booknow .next input.nextBtnAlone {float: right; margin-top: 17px;} form#contact .item .label {width: 360px; text-align: right; float: left; margin-right: 5px; padding-top: 2px;} form#contact h2 {color: #005695 !important; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 20px !important;} #booknow select {width: 258px; border: 1px so lid #ccc; padding: 2px; margin-bottom: 6px; color: #005695;} #booknow optgroup {background-color: #ca0300; font-weight: bold; color: white;} #booknow option {background-color: white; font-weight: normal; color: #005695;} .itemRule {clear: both; margin-top: 15px; border-top: 1px solid #2660ae; padding-top: 15px; overflow: hidden; font-size: 11px;} .itemRuleGray {clear: both; margin-top: 15px; border-top: 1px solid #ccc; padding-top: 15px; overflow: hidden; font-size: 11px;} .itemRuleGray13px {clear: both; margin-top: 15px; border-top: 1px solid #ccc; padding-top: 15px; overflow: hidden;} .itemRuleGrayBack {clear: both; background: #ececec; margin-top: 15px; border: 1px solid #ccc; padding: 15px; overflow: hidden; font-size: 11px;} .itemRuleGrayBackRight {float: left; background: #ececec; border: 1px solid #ccc; padding: 2px 15px; overflow: hidden; font-size: 11px; width: 383px;} .itemRuleGray p.note {margin-top: 0; margin-bottom: 15px !important;} .itemRule a, .itemRuleGray a, .itemRuleGray13px a, .itemRuleGrayBack a, .itemRuleGrayBackRight a {color: #ca0300;} .itemRule a:hover, .itemRuleGray a:hover, .itemRuleGray13px a:hover, .itemRuleGrayBack a:hover, .itemRuleGrayBackRight a:hover {color: #000;} .itemRule .image, .itemRuleGray .image, .itemRuleGrayBack .image {float: right; margin-left: 15px; border: 1px solid #ccc;} .itemRuleGray img {float: left; margin-right: 12px; border: 1px solid #ccc; margin-bottom: 15px;} .itemRuleGray p.red {clear: both; padding-top: 5px;} .itemRuleGray p.aboutus {clear: both;} #booknow .text a {color: #fff !important;} #booknow .text a:hover {color: #ccc !important;} #booknow div.left, #graydetails div.left {float: left; margin-right: 10px; vertical-align: top; width: 32%;} #booknow div.leftLarge, #graydetails div.leftLarge {float: left; margin-right: 10px; vertical-align: top; width: 63%;} #booknow div.leftShort, #graydetails div.leftShort {float: left; margin-right: 10px; vertical-align: top; width: 17%;} #booknow div.leftShortShort, #graydetails div.leftShortShort {float: left; margin-right: 10px; vertical-align: top; width: 7%;} #booknow h2.white {color: #fff !important;} #booknow .bookModule {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; clear: both; overflow: hidden; } #booknow .bookModule .item {padding: 10px 0;} #booknow iframe.terms {width: 650px; height: 150px; font-size: 11px; line-height: 14px; clear: both;} #right #school ul.details {margin: 0; padding: 10px 20px; padding-top: 0; line-height: 17px;} #right #school ul.details li {list-style: url(../img/bull_details.gif); padding-bottom: 2px;} #right #school ul.reddetails {margin: 0; padding: 10px 20px; padding-top: 0; line-height: 17px;} #right #school ul.reddetails li {list-style: url(../img/bull_reddetails.gif); padding-bottom: 2px;} #right #school #schoolInfo #graydetails table.pricesSmall {border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px;} #right #school #schoolInfo #graydetails table.pricesSmall td {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #ccc; width: 50px; font-size: 11px; text-align: center; padding: 7px 0;} #right #school #schoolInfo #graydetails table.pricesSmall td.tit1 {font-size: 13px; font-weight: bold; color: #ca0300; text-align: right; width: 270px; padding-right: 5px;} #right #school #schoolInfo #graydetails table.pricesSmall td.tit2 {font-size: 13px; font-weight: bold; color: #000; text-align: right; width: 270px; padding-right: 5px;} #right #school #schoolInfo #graydetails table.accomodation {border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; background: #fff; margin-bottom: 10px;} #right #school #schoolInfo #graydetails table.accomodation td {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #ccc; font-size: 11px; width: 107px; text-align: center; padding: 7px 0;} #right #school #schoolInfo #graydetails table.accomodation td.tit1 {font-size: 13px; font-weight: bold; color: #ca0300; width: 200px;} #right #school #schoolInfo #graydetails table.accomodation td.tit2 {font-size: 13px; font-weight: bold; color: #000; width: 200px;} #right #school #schoolInfo #graydetails h3 {clear: both; margin-top: 20px; font-size: 13px; font-weight: bold; color: #ca0300;} #right .question {font-weight: bold; color: #005695;} .test td {padding: 0 0 15px 0;} .test .question {border-bottom: 0 !important; font-weight: bold; padding-top: 15px; color: #ca0300 !important ;} /* //////////////////////// IFRAME ///////////////////////////// */ #iframe {padding: 10px; padding-top: 0; font-size: 11px;} #iframe a {color: #023579;} #iframe a:hover {color: #ca0300;} #iframe h1 {font-size: 17px;} /* //////////////////////// FOOTER ///////////////////////////// */ #footer {clear: both; text-align: center; color: #fff; background: #dc2521; padding: 16px; font-size: 11px; line-height: 16px;} #footer a {color: #fff; text-decoration: none;} #footer a:hover {color: #000;} /* //////////////////////// HOME ///////////////////////////////*/ #main_banner{clear:both;background:#CD120F;color:#FFF;overflow:hidden;_height:100%;font-size:13px;} #main_banner h1{font-size:26px;line-height:1em;letter-spacing:-1px;color:#FFF;margin:0;width:auto;padding:0.3em 0;} #main_banner h1 a{color:#FFF;text-decoration:none} #main_banner h1 a:hover{color:#E6D2D2;} #main_banner ul{margin:0;text-indent:0;list-style:none;padding:0;} #main_banner li{padding:0.5em 0;background:url(../img/bullet_red_bg.jpg) no-repeat left;padding-left:10px;border-top:1px solid #9F0200;} #main_banner li a{color:#FFF;text-decoration:none} #main_banner li a:hover{color:#E6D2D2;} #main_banner #mb_image{float:left;width:344px;margin-left:13px;margin-top:13px;} #main_banner #mb_text{float:left;margin:10px 0 0 15px;width:350px;} #main_banner #mb_contact_button{cursor:pointer;height:100px;overflow:visible;position:relative;bottom:0px;background:url(../img/btn_main-banner.jpg) no-repeat left top;margin-top:1em;font-size:14px;padding:9px 0 0 21px;} #main_banner #mb_contact_button h2{font-size:32px;margin:0;padding:0;letter-spacing:-2px;} #main_banner #mb_contact_button a{color:#FFF;text-decoration:none;} #main_banner #mb_contact_button a:hover{color:#E6D2D2;} #main_banner #email_address {font-size:17px;} #secondary_banner {clear:both; margin:5px 0 1em 20px; overflow: hidden; _height:100%;} #secondary_banner #destinations {margin-top:10px; background:url(../img/bg_grad_white-gray.jpg) repeat-x bottom; font-size:11px; color:#023477; float:left; width: 505px;} #secondary_banner #destinations h3 {color:#0F69A9;font-size:17px;margin-bottom:7px;font-weight:normal;} #secondary_banner #destinations h3 a {color:#0F69A9;text-decoration:none} #secondary_banner #destinations .destination {width:160px; padding: 0 3px; float:left;} #secondary_banner #destinations .destination p{margin:0.3em 0 1em 0;} #secondary_banner img{border:none;} #secondary_banner a.more-button{color:#0F69A9;display:block;background:url(../img/btn_more.jpg) no-repeat left;height:27px;padding:8px 0 0 20px;font-weight:bold;cursor:pointer;} #secondary_banner #banners{width:214px;float:right;color:#FFF;_width:202px;line-height:1em;font-size:16px;letter-spacing:-1px} #secondary_banner #banners h1{font-weight:normal;font-size:32px;margin:0.2em 0;line-height:0.8em;letter-spacing:-2px;} #secondary_banner #banners .button{position:relative; top:-2em; right:1px; cursor:pointer; float:right;} #secondary_banner #banners #b_large{cursor:pointer;background:#034297 url(../img/bg_grad-blue.jpg) repeat-x bottom; padding:1em 7px; margin-bottom: 5px;} #secondary_banner #banners #b_large a{color:#FFF;text-decoration:none;} #secondary_banner #banners #b_large a:hover{color:#D9E2ED;} #secondary_banner #banners #b_large .button {top: -3px !important;} #secondary_banner #banners #b_small{cursor:pointer;background:#CD120F;padding:1em 7px;} #secondary_banner #banners #b_small a{color:#FFF;text-decoration:none;} #secondary_banner #banners #b_small a:hover{color:#E6D2D2;} #secondary_banner #banners #b_small h1{font-size:27px;letter-spacing:-1px;} #secondary_banner #banners #b_small .button{_left:5px;.left:5px;} #secondary_banner #banners #b_teachers {cursor:pointer;background: #3e7fc7 url(../img/bg_banner_teachers.gif) repeat-x bottom; padding:1em 7px; margin-top: 5px;} #secondary_banner #banners #b_teachers a{color:#FFF;text-decoration:none;} #secondary_banner #banners #b_teachers a:hover{color:#D9E2ED;} #secondary_banner #banners #b_teachers .button {top: -3px !important;} #special_offer img{border:none;} #special_offer{clear:both;padding:1em 0 1em 15px;overflow:hidden;_height:100%;background:url(../img/bg_grad_gray-white.jpg) repeat-x left top;} #special_offer .lead{font-size:13px;color:#0F69A9;padding-bottom:1em;} #special_offer .offer_icon{font-size:9px;float:left;width:114px;height:108px;background:url(../img/ic_offer.jpg) no-repeat;text-align:center;padding-top:20px;color:#fff;line-height:22px} #special_offer .offer_icon .figure{font-size:20px;color:#FFF;font-weight:bold;} #special_offer .offer_icon strong{font-size:15px;font-weight:bold} #special_offer .offer_content{float:left;margin-left:10px;width:410px;} #special_offer .offer_image{float:left;margin-left:10px;} #special_offer h2{color:#DC2521;font:bold 22px;letter-spacing:-1px;text-decoration:underline;margin:0;padding:0;} #special_offer h2 a{color:#DC2521;font:bold 22px;letter-spacing:-1px;text-decoration:underline;margin:0;padding:0;} #special_offer h2 a:hover{color:#FF241E} #special_offer h3{color:#0F69A9;font-size:14px; font-weight: normal;margin:0.2em 0;padding:0;} #special_offer p{font-size:11px;margin:0.2em 0;padding:0;} #choose_course{margin-top:1em;margin-left:10px;font-size:12px} #choose_course img{border:none;} #choose_course .half{width:340px;float:left;overflow:hidden;_height:100%;} #choose_course h3{margin-bottom:7px;font-size:14px;font-weight:bold;color:#023579} #choose_course h4{font-size:18px;font-weight:bold;margin:0px;height:3em;color:#023579} #choose_course a{text-decoration:none;color:#023579} #choose_course .red h4, #choose_course .red h3, #choose_course .red a{color:#CD120F;text-decoration:none} #choose_course ul{margin:0;text-indent:0;list-style:none;padding:0;} #choose_course li{padding:0.5em 0;border-top:1px solid #D9D9D9;overflow:hidden;_height:100%;width:auto} #choose_course .more-button{display:block;text-decoration:none;font-size:12px;background:url(../img/btn_more_blue.jpg) no-repeat;width:39px;height:21px;padding-top:7px;padding-left:19px;color:#FFF;font-weight:bold} #choose_course .red .more-button{background-image:url(../img/btn_more_red.jpg);color:#FFF} #choose_course .it_image{float:left;} #choose_course .it_content{float:left;margin-left:10px;} #destination{font-size:13px;overflow:hidden;_height:100%;} #destination #images img{margin-right:7px;} #destination #description{width:440px;float:left;margin-top:10px;} #destination #description h2{font-size:24px;color:#023579;font-weight:bold;margin: 12px 0 0;} #destination #description .description_text p{margin:0;padding:0;padding-bottom:0.5em; } #destination #description .description_text {padding-top:20px;} #destination #schools{width:251px; float:left; margin-top:20px;background: url(../img/bck_tit_schools.jpg) no-repeat #0f3975; margin-left: 10px;color: #fff;} #destination #schools h3{ margin: 0.3em 0 0; font-size:17px; color:#98b9e5; padding: 15px 0 0 20px;} #destination #schools ul{list-style:none; text-indent:0; margin:0; padding: 10px 0 40px 15px; font-size:13px; line-height:1.7em; background: url(../img/bck_tit_schools_bottom.jpg) no-repeat bottom;} #destination #schools li{color: #69C;} #destination #schools a{color: #fff;text-decoration:none; background: url(../img/bull_schools.png) no-repeat 0 2px; _background: url(../img/bull_schools.gif) no-repeat 0 2px; padding-left: 26px;} #destination #schools a:hover{color: #ccc;text-decoration:underline;} #destination #schools .small {font-size: 11px; margin-top: 15px;} #destination .featured {border: 1px solid #e5e5e5; padding: 10px; margin-top: 20px; background: url(../img/bck_destination_featured.gif) bottom repeat-x #fff; overflow: hidden; color: #083d85;} #destination .featured h3 {font-size: 15px; margin: 0; padding-top: 10px; font-weight: normal; color: #ca0300;} #destination .featured h3 a {text-decoration: none; color: #ca0300;} #destination .featured img {float: left; margin-right: 12px;} #destination .featured .more-button {background:url(../img/btn_more_red.jpg) no-repeat; color:#FFF; display:block; text-decoration:none; font-size:12px; width:41px; height:21px; padding-top:7px; padding-left:19px; font-weight:bold; float: left;} #contact_details{margin:10px 0;clear:both;border:1px solid #CCCCCC;background:#ECECEC;padding: 5px 0 13px;text-align:center;color:#023579;} #contact_details p{font-size:14px;margin:0;padding:0;} #contact_details .large{font-size:14px;font-weight:bold;} #contact_details .large a{color:#023579;text-decoration:none;} /* /////////////// NEW //////////////////////*/ #breadcrumb {font-size: 12px; color: #888; margin: -5px 20px 15px 25px; padding: 5px 0 7px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;} #breadcrumb a {font-size: 9px; color: #555; text-decoration: none;} #breadcrumb a:hover {color: #005695; text-decoration: underline;} #breadcrumb a.active {font-weight: bold;} table.contact {margin-top: 10px;} table.contact input {width: 165px; border: 1px solid #ccc; padding: 2px; color: #005695;} table.contact textarea {width: 350px; height: 100px; border: 1px solid #ccc; padding: 2px; color: #005695;} table.contact input.check {width: auto !important; margin-right: 2px; vertical-align: middle; border: 0;} #cursos-londres{color:#023579;padding-left:10px;} #cursos-londres a{color:#CA0300;} #cursos-londres h1{padding:0!important;margin:0!important} #cursos-londres h5{font:bold 14px Verdana, Geneva, sans-serif;color:#023579;padding:0!important;margin:0!important;} #cursos-londres p{font-size:13px;padding-top:0.3em!important;margin-top:0!important;margin-bottom:0;} #cursos-londres #wrapper{position:relative;height:442px;margin-bottom:0.8em} #cursos-londres #left-col{width:500px;float:left;position:absolute;bottom:0;left:0} #cursos-londres #right-col{margin-left:11px;width:165px;float:left;position:absolute;bottom:0;right:0} #cursos-londres #price-list{width:440px;padding:15px 20px 10px;background:#F5F5F5;font-size:13px;overflow:hidden;_height:100%;margin-top:10px} #price-list h3{font:bold 15px Verdana, Geneva, sans-serif;color:#CA0300;padding:0!important;margin:0!important;} #price-list .pl-title{font-size:11px;border:none!important;margin:0.5em 0;} #price-list .school{overflow:hidden;_height:100%;border-bottom:1px solid #CDCDCD;padding:0.3em 0} #price-list .sch-label{width:220px;float:left} .sch-label em{font:normal normal bold 14px Verdana, Geneva, sans-serif;color:#CA0300;} #price-list .sch-price{width:180px;float:right;text-align:right;font-weight:bold;} #price-list .sch-label a{color:#023579;text-decoration:none;} #price-list .sch-label a em{color:#CA0300;text-decoration:none} /* ************** KIWI BANNERS ******************/ #right .kiwiBanner {clear: both; width: 708px; height: 126px; margin: 10px auto; background: url(../img/bck_banner_kiwi_home.jpg) no-repeat; position: relative;} #right .kiwiBanner p {color: #fff; margin: 0; margin-left: 155px; line-height: 24px; } #right .kiwiBanner a {color: #114158; text-decoration: none; font-size: 14px; line-height: 12px;} #right .kiwiBanner a:hover {color: #fff; text-decoration: underline;} #right .kiwiBanner a.link {position: absolute; left: 0; top: 0; width: 140px; height: 126px;} #right .kiwiBanner a.link2 {position: absolute; right: 0; top: 0; width: 285px; height: 126px;}