body { margin: 0; background: #FFF; } * { font-family: Trebuchet MS, sans-serif; font-size: 13px; } .logo_holder { width: 900px; padding: 5px; text-align: left; } img { border: 0; } h1 { font-size: 21px; color: #888; font-weight: normal; margin: 0 0 5px 0; font-family: Trebuchet MS, sans-serif; } h2 { font-size: 16px; color: #666; font-weight: normal; margin: 0 0 5px 0; font-family: Trebuchet MS, sans-serif; } h3 { font-size: 14px; margin: 18px 0 8px 0; padding: 1px 5px 1px 5px; background: #62b5ff; color: #FFF; border-bottom: 1px solid #4798e1; border-top: 1px solid #b3dbff; } h3.faq { color: #000; background: #e5e5e5 url('img/faq_h_bg.gif') 0 100% repeat-x; border-bottom: 1px solid #999; border-top: 0; } h4 a { font-size: 13px; } h4 { margin: 0 0 5px 0; } p { margin: 0; line-height: 160%; font-family: Verdana, sans-serif; color: #000; } p+p { margin-top: 10px; } a { color: #007ed7; text-decoration: none; } a:hover { color: #0049cd; text-decoration: underline; } p.bottom { margin-bottom: 0; padding-bottom: 0; } h3.bottom { margin-bottom: 0; } hr { border: 0; border-bottom: 5px dotted #DDD; margin: 20px; } .clear { clear: both; } .jh2 { margin: 15px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #DDD; font-size: 18px; } .jh2+ul { margin-top: 10px; } .vladcol1 { float: left; width: 310px; } .vladcol2 { float: left; width: 330px; margin-left: 10px; } /* LI LIST */ .highlight li { color: #747474; list-style-type: none; background: url('img/bullet3.gif') 0 15px no-repeat; padding: 8px 0 8px 15px; } .highlight { padding-left: 10px; margin-left: 0; line-height: 150%; } /* DL (FAQ) LIST */ dl { margin: 0; background: url('img/big_gradient_bg.png') repeat-x; padding: 8px 10px 8px 10px; } dt { font-weight: bold; font-size: 12px; } dd { margin-bottom: 10px; color: #555; } #callback, #badge { float: right; } #badge { margin-right: 20px; } /* MENU */ .menu { background: #00379b url('img/menu_button_bg.gif') repeat-x; border-top: 1px solid #00379b; } .menu_hover { background: #00379b url('img/menu_button_bg_hover.gif') repeat-x; cursor: pointer; } .menu a:link, .menu a:visited, .menu a:hover, .menu a:active { color: #FFF; text-decoration: none; font-size: 13px; font-weight: bold; } .menu table { border-collapse: collapse; } .menu td { border-left: 1px solid #00379b; border-right: 1px solid #00379b; text-align: center; color: #FFF; text-transform: capitalize; padding: 0; height: 24px; } .menu .divider { width: 1px; } .menu_bottom { height: 3px; background: #00379b url('img/menu_bg.gif') repeat-x; } /* TITLE */ .title { background: #1f1f1f url('img/header_bg.png') repeat-x; color: #FFF; border-bottom: 1px solid #0d0d0d; } .title_holder { text-align: left; width: 900px; padding: 11px 0 11px 0; font-size: 19px; font-family: Trebuchet MS, sans-serif; } /* CONTENT */ .content { background: #6487dc url('img/main_bg.png') repeat-x; } .left, .right { width: 5px; } .left { background: url('img/inner_left_bg.gif') repeat-y; } .right { background: url('img/inner_right_bg.gif') repeat-y; } .inner { background: #FFF url('img/inner_bg.gif') repeat-x; width: 100%; padding-top: 5px; } .llc, lrc { width: 21px; } .bs { background: #FFF url('img/inner_bs.gif') repeat-x; width: 100%; } .right_border { border-right: 1px dashed #DDD; } .rightholder { padding: 15px 20px 0 20px; } .leftholder { padding: 15px 10px 0 10px; } .highlightsection { background: #73b6f0; width: 100%; border-collapse: collapse; } .highlightsection td { margin: 0; padding: 0; color: #FFF; font-weight: bold; }\ .highlightsection td table tr td { padding: 5px; } .highlightsection .inside { width: 100%; padding: 2px; } .shighlightsection { background: #73b6f0; width: 100%; border-collapse: collapse; } .shighlightsection td { margin: 0; padding: 0; color: #FFF; } .shighlightsection td table tr td { padding: 5px; } .shighlightsection .sinside { width: 100%; padding: 2px; } a.feature:link { color: #0049cd; text-decoration: none; font-weight:bold; } a.feature:visited { color: #0049cd; text-decoration: none; font-weight:bold; } a.feature:hover { color: #0049cd; text-decoration: underline; } /* FOOTER */ .footer td { padding: 5px 0 10px 0; color: #b5cbfc; } a.footer { color: #FFF; } /* LEFT MENU */ .left_menu .bg a { border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; padding: 4px 0 4px 30px; background: url('img/bullet.gif') 13px 50% no-repeat; display: block; } .left_menu .bg { background: #efefef url('img/left_menu_bg.gif') repeat-x; } .left_menu a:hover { background: #7db8e8 url('img/left_menu_bg_hover.gif') repeat-x; color: #FFF; text-decoration: none; } .left_menu { padding-top: 15px; } .top { border-top: 1px solid #DDD; } .left_menu .header { font-weight: bold; padding: 3px 0 3px 15px; background: #a1cef5 url('img/left_menu_bg_header.png') repeat-x; color: #FFF; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; font-size: 13px; } /* BOX 1 */ .box1 { border-collapse: collapse; margin-bottom: 8px; } .box1 .content { padding: 3px 5px 3px 5px; } .box1 td { padding: 0; margin: 0; } .box1 .ts { background: url('img/box1_ts.gif') repeat-x; height: 8px; } .box1 .rs { background: url('img/box1_rs.gif') repeat-y; width: 10px; } .box1 .bs { background: url('img/box1_bs.gif') repeat-x; height: 10px; } .box1 .ls { background: url('img/box1_ls.gif') repeat-y; width: 9px; } .box1 .content { background: #ffeedb; } /* BOX 2 */ .box2 { border-collapse: collapse; margin-bottom: 8px; } .box2 .content { padding: 3px 5px 3px 5px; } .box2 td { padding: 0; margin: 0; } .box2 .ts { background: url('img/box2_ts.gif') repeat-x; height: 8px; } .box2 .rs { background: url('img/box2_rs.gif') repeat-y; width: 10px; } .box2 .bs { background: url('img/box2_bs.gif') repeat-x; height: 10px; } .box2 .ls { background: url('img/box2_ls.gif') repeat-y; width: 9px; } .box2 .content { background: #dbe8ff; } /*BLUE BOX*/ .bluebox { background: #ecf2fb; border-collapse: collapse; border-spacing: 0; width: 100%; } .bluebox .ulc { background: url("img/blue_corners.gif") no-repeat; } .bluebox .urc { background: url("img/blue_corners.gif") 100% 0 no-repeat; } .bluebox .llc { background: url("img/blue_corners.gif") 0 100% no-repeat; } .bluebox .lrc { background: url("img/blue_corners.gif") 100% 100% no-repeat; } .bluebox .ls { background: url("img/blue_lr.gif") repeat-y; } .bluebox .rs { background: url("img/blue_lr.gif") 100% 0 repeat-y;} .bluebox .ts { background: url("img/blue_tb.gif") repeat-x;} .bluebox .bs { background: url("img/blue_tb.gif") 0 100% repeat-x;} .bluebox .content { width: 100%; height: 100%; background: transparent; } .bluebox p { font-size: 85%; line-height: 150%; } /*ORANGE BOX*/ .orangebox { background: #fbf5ec; border-collapse: collapse; border-spacing: 0; width: 100%; } .orangebox .ulc { background: url("img/orange_corners.gif") no-repeat; } .orangebox .urc { background: url("img/orange_corners.gif") 100% 0 no-repeat; } .orangebox .llc { background: url("img/orange_corners.gif") 0 100% no-repeat; } .orangebox .lrc { background: url("img/orange_corners.gif") 100% 100% no-repeat; } .orangebox .ls { background: url("img/orange_lr.gif") repeat-y; } .orangebox .rs { background: url("img/orange_lr.gif") 100% 0 repeat-y;} .orangebox .ts { background: url("img/orange_tb.gif") repeat-x;} .orangebox .bs { background: url("img/orange_tb.gif") 0 100% repeat-x;} .orangebox .content { width: 100%; height: 100%; background: transparent; } .orangebox, .bluebox { margin: 10px 0;} .homeboxes { border-spacing: 10px; } .homeboxes h1 a { font-size: 19.2px; font-weight: normal; color: #004F9D; } .homeboxes .snav { font-size: 11px; } .homeboxes .bluebox { margin: 0; } .homeboxes table { height: 100%; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper{background:#fff;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#000;} #cboxLoadingGraphic{background:url(images/loading2.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}