/************************************************** * Body * **************************************************/ body { background:#fff; behavior:url('/App_Themes/NCC Group Inc/csshover.htc'); color:#333; font:100.1%/1 Verdana, Arial, sans-serif; margin:0; padding:0; text-align:center; } /************************************************** * General * **************************************************/ a { } a:hover { } abbr { } img { border:0; } /************************************************** * Container * **************************************************/ #container { background:url('../img/background/container.jpg') repeat-y; font-size:62.5%; margin:0 auto; position:relative; text-align:left; width:900px; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Container > Header * **************************************************/ #container #header { background:url('../img/background/header.jpg') no-repeat; background-position:0 0; width:900px; } #container #header p { clear:both; color:#004494; height:36px; line-height:36px; margin:0; overflow:hidden; padding:0 15px 1px 10px; width:696px; } #container #header p a { border-bottom:1px dotted #004494; color:#004494; text-decoration:none; } #container #header p a img { display:block; float:left; height:0; visibility:hidden; } #container #header p a:hover { border-bottom-style:solid; } #container #header ul { clear:both; height:36px; list-style:none; margin:0; padding:0 12px; width:876px; } #container #header ul li { background:#004489 url('../img/background/header_ul_li.jpg') repeat-x; background-position:0 0; float:left; margin:0 5px 0 0; position:relative; } #container #header ul li a { color:#fff; display:block; float:left; font:bold 1.2em/36px 'Century Gothic', 'Avant Garde', sans-serif; padding:0 11px; text-decoration:none; } #container #header ul li a:hover { color:#ddd; } #container #header ul li.selected { background-color:#084a8d; background-position:0 -36px; } #container #header ul li ul { background:#004489; display:none; left:0; padding:0 0 4px; position:absolute; top:36px; width:auto; } #container #header ul li ul li { background:#004489; clear:both; margin:0; white-space:nowrap; } #container #header ul li ul li a { line-height:26px; min-width:178px; padding:0 11px; width:auto !important; width:178px; } #container #header ul li ul li a:hover { } /************************************************** * Container > Header > Logo * **************************************************/ #container #header .logo { display:block; height:170px; margin:0; padding:0; text-indent:-9999px; width:900px; } /************************************************** * Container > Navigation * **************************************************/ #container #navigation { background:url('../img/background/navigation.jpg') no-repeat; background-position:bottom right; float:left; padding:0 0 110px; width:179px; } #container #navigation ul { border-right:1px solid #9eb8c5; font-size:1.2em; line-height:1.1; list-style:none; margin:0; padding:15px 0 0; } #container #navigation ul li { background:url('../img/background/navigation_ul_li.jpg') no-repeat; background-position:bottom left; overflow:hidden; padding:0 8px 0 0; width:170px; } #container #navigation ul li a { background:url('../img/background/navigation_ul_li_a.jpg') no-repeat; background-position:0 12px; color:#333; display:block; padding:9px 0 10px 13px; text-decoration:none; } #container #navigation ul li a em { font-style:normal; font-weight:bold; } #container #navigation ul li a:hover { color:#ee801b; } #container #navigation ul li a:hover em { color:#004489; } #container #navigation ul li.selected { font-weight:600; } #container #navigation ul li ul { border:0; display:none; height:0; visibility:hidden; width:auto; } #container #navigation ul li.selected ul { display:block; font-size:.9em; height:auto; margin:-10px 0 0; padding:0 0 0 13px; visibility:visible; } #container #navigation ul li.selected ul li { font-weight:400; padding:0 0 0 5px; width:152px; } #container #navigation ul li.selected ul li a { background:0; padding:7px 0 8px 0; } #container #navigation ul li.selected ul li.selected { font-weight:bold; } #container #navigation ul li.selected ul li ul { font-size:1em; margin:-7px 0 0; } /************************************************** * Container > Navigation > RadTreeView * **************************************************/ #container #navigation .RadTreeView { padding:0; } #container #navigation .RadTreeView div { padding:0; } #container #navigation .RadTreeView ul { font-size:1.2em; } #container #navigation .RadTreeView ul li { } #container #navigation .RadTreeView ul li a { background-position:0 14px; font-family:Arial, sans-serif; } #container #navigation .RadTreeView ul li ul { display:block; font-size:.9em; height:auto; margin:-10px 0 0; padding:0 0 0 13px; visibility:visible; } #container #navigation .RadTreeView ul li ul li { padding:0 0 0 5px; width:152px; } #container #navigation .RadTreeView ul li ul li a { background:0; padding:7px 0 8px 0; } #container #navigation .RadTreeView .rtHover { } #container #navigation .RadTreeView .rtHover a { border:0; } #container #navigation .RadTreeView .rtMinus { display:block; height:0; margin:0; padding:0; visibility:hidden; } #container #navigation .RadTreeView .rtSelected { } #container #navigation .RadTreeView .rtSelected a { border:0; font-weight:bold; } #container #navigation .RadTreeView .rtSp { display:block; height:0; margin:0; padding:0; visibility:hidden; } /************************************************** * Container > Content * **************************************************/ #container #content { float:left; font-size:1.1em; line-height:1.6; overflow:hidden; padding:10px 15px 56px; width:512px; } #container #content a { border-bottom:1px dotted #454545; color:#454545; text-decoration:none; } #container #content a:hover { border-bottom-style:solid; } #container #content blockquote { background:#fed28c url('../img/background/content_blockquote.jpg') no-repeat; background-position:0 0; color:#332510; margin:0 10px 10px; width:560px; } #container #content blockquote p { background:url('../img/background/content_blockquote_p.jpg') no-repeat; background-position:bottom left; font-style:italic; margin:0; padding:6px; text-indent:22px; } #container #content dl { } #container #content h1 { color:#004489; font:400 2.4em/1 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:10px 0 15px; width:512px; } #container #content h1 span { color:#f58025; } #container #content h2 { color:#004489; font:400 2.4em/1 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:10px 0 15px; width:512px; } #container #content h2 span { color:#f58025; } #container #content h3 { clear:both; color:#00196b; font:300 1.4em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h3 span { color:#ee801b; } #container #content h4 { clear:both; color:#00196b; font:400 1.3em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h4 span { color:#ee801b; } #container #content h5 { clear:both; color:#00196b; font:400 1.1em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h5 span { color:#ee801b; } #container #content h6 { clear:both; color:#00196b; font:400 1em Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; } #container #content h6 span { color:#ee801b; } #container #content img { display:block; } #container #content ol { list-style:decimal-leading-zero; margin:0 0 10px 20px; padding:0; } #container #content ol li { } #container #content ol li ol { margin:0 0 0 15px; } #container #content p { margin:0 0 10px; padding:0; } #container #content table { border-collapse:collapse; margin:0 0 10px; padding:0; width:580px; } #container #content table tr { } #container #content table tr td { padding:5px; } #container #content table tr th { font-weight:bold; padding:5px; } #container #content ul { list-style:disc; margin:0 0 10px 20px; padding:0; } #container #content ul li { } #container #content ul li ul { margin:0 0 0 15px; } /************************************************** * Container > Content > Boxes * **************************************************/ #container #content .boxes { height:202px; margin:5px 0 15px -24px; width:624px; } #container #content .boxes .box { background:url('../img/background/content_boxes_box.jpg') no-repeat; border-left:24px solid #fff; border-right:24px solid #fff; float:left; text-align:center; width:160px; } #container #content .boxes .box h3 { color:#fff; font-size:1.3em; font-weight:bold; line-height:1; margin:0; padding:0; } #container #content .boxes .box h3 a { border:0; color:#fff; display:block; line-height:50px; padding:151px 22px 1px 1px; text-align:center; } #container #content .boxes .box.assurance { background-color:#d73f82; background-position:-160px 0; } #container #content .boxes .box.escrow { background-color:#6eb5e3; background-position:0 0; } #container #content .boxes .box.secure-access { background-color:#654a8e; background-position:-320px 0; } /************************************************** * Container > Content > Form * **************************************************/ #container #content .form { overflow:hidden; width:512px; } #container #content .form input { font-size:1.1em; margin:0 0 5px; } #container #content .form input.submit { clear:both; display:block; margin:5px 0 15px 250px; } #container #content .form input.text { background:#fff; border:1px solid #ccc; float:right; padding:2px; width:255px; } #container #content .form input.text:focus { background:#ffd; } #container #content .form label { clear:both; float:left; padding:2px 10px 0 0; width:230px; } #container #content .form label em { color:#f00; font-size:.9em; } #container #content .form p { clear:both; margin:0 0 5px; } #container #content .form p.error { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b; display:block; margin:10px 0; padding:5px; text-align:center; } #container #content .form p.success { background:#e2f9e3; border-bottom:1px solid #9c9; border-top:1px solid #9c9; clear:both; color:#080; display:block; margin:10px 0; padding:5px; text-align:center; } #container #content .form span { } #container #content .form span.checkbox { display:block; float:left; padding:5px 0 0 11px; } #container #content .form span.checkbox input { float:left; } #container #content .form select { background:#fff; border:1px solid #ccc; font-size:1.1em; float:right; margin:0 0 5px; padding:2px 2px 2px 0; width:261px; } #container #content .form select:focus { background:#ffd; } #container #content .form select optgroup { font-style:normal; } #container #content .form textarea { background:#fff; border:1px solid #ccc; font:1.1em Verdana, Arial, sans-serif; float:right; margin:0 0 5px; padding:2px; width:255px; } #container #content .form textarea:focus { background:#ffd; } /************************************************** * Container > Content > Form > Captcha * **************************************************/ #container #content .form .captcha { border:1px solid #ccc; clear:both; height:30px; margin:0 0 5px 251px; overflow:hidden; padding:2px; width:255px; } #container #content .form .captcha img { display:block; margin:-1px 0; } /************************************************** * Container > Content > Form > Summary * **************************************************/ #container #content .form .summary { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b !important; cursor:help; display:block; margin:0 0 10px; padding:5px 15px; width:482px; } #container #content .form .summary ul { color:#be0b0b; margin:5px 0 0 15px; padding:0; } /************************************************** * Container > Content > Items * **************************************************/ #container #content .items { background:#ddd url('../img/background/content_items.jpg') no-repeat; bottom:74px; left:185px; overflow:hidden; position:absolute; width:536px; } #container #content .items .item { float:left; font-weight:bold; line-height:26px; margin:0 8px; text-align:center; width:160px; } #container #content .items .item a { border:0; color:#454545; display:block; padding:0 16px; } #container #content .items .item a:hover { color:#000; text-decoration:underline; } /************************************************** * Container > Content > News List * **************************************************/ #container #content ul.sf_newsList { list-style:none; margin:0; padding:10px 0 0; } #container #content ul.sf_newsList li { clear:both; margin:0 0 15px; position:relative; } #container #content ul.sf_newsList li h2 { margin:0 0 2px; padding:0; } #container #content ul.sf_newsList li p { padding:2px 0 9px; } #container #content ul.sf_newsList li p.sf_newsAuthor { display:block; height:0; padding:0; visibility:hidden; } #container #content ul.sf_newsList li p.sf_newsDate { color:#666; font-size:.9em; margin:-8px 0 0; padding:0 0 3px; } #container #content ul.sf_newsList li p.sf_postCategory { bottom:0; padding:0; position:absolute; right:0; } #container #content ul.sf_newsList li p.sf_postTags { display:block; height:0; padding:0; visibility:hidden; } #container #content ul.sf_newsList li p.sf_readMore { bottom:0; left:0; padding:0; position:absolute; } /************************************************** * Container > Content > Pagination * **************************************************/ #container #content ol.sf_pager { list-style:none; margin:0; padding:5px 0 0; } #container #content ol.sf_pager li { float:left; padding:0 5px 0 0; } #container #content ol.sf_pager li a { border:1px solid #d1d1d1; color:#666; display:block; padding:0 5px; } #container #content ol.sf_pager li a:hover { border-color:#666; color:#000; } #container #content ol.sf_pager li a.sf_PagerItem { } #container #content ol.sf_pager li a.sf_PagerSelItem { border-color:#999; color:#000; } /************************************************** * Container > Content > Search Results * **************************************************/ #container #content dl.searchResults { margin:0; padding:0; } #container #content dl.searchResults dd { border-bottom:1px solid #ddd; margin:0 0 10px; padding:0 0 10px; } #container #content dl.searchResults dd em { display:block; } #container #content dl.searchResults dd em a { } #container #content dl.searchResults dt { padding:0 0 2px; } #container #content dl.searchResults dt strong { } #container #content dl.searchResults dt strong a { border:0; } /************************************************** * Container > Content > Single News Item * **************************************************/ #container #content .sf_singleNews { padding:0 0 24px; position:relative; } #container #content .sf_singleNews a { } #container #content .sf_singleNews a.sf_back { padding:0; position:absolute; right:0; top:-30px; } #container #content .sf_singleNews a.sf_back a:hover { } #container #content .sf_singleNews h2 { } #container #content .sf_singleNews h2.sf_NewsTitle{ font-size:1.6em; margin:0; } #container #content .sf_singleNews p.sf_postComments { float:right; padding:0; } #container #content .sf_singleNews p.sf_postDate { color:#fff; padding:0 0 5px; } #container #content .sf_singleNews p.sf_postBookmark { padding:0; } #container #content .sf_singleNews p.sf_postBookmark a { border:0; float:left; margin:0 5px 0 0; } #container #content .sf_singleNews p.sf_postBookmark a img { display:block; } /************************************************** * Container > Content > Sitemap * **************************************************/ #container #content .sitemap { line-height:1.8; } #container #content .sitemap ul { margin:0 0 10px 15px; } #container #content .sitemap ul li { margin:0 0 10px; } #container #content .sitemap ul li ul { margin:0 0 0 15px; padding:0 0 0 10px; } #container #content .sitemap ul li ul li { margin:0; } /************************************************** * Container > Sidebar * **************************************************/ #container #sidebar { float:right; margin:-37px 0 0; padding:0 0 15px 1px; width:178px; } /************************************************** * Container > Sidebar > Contact Details * **************************************************/ #container #sidebar .contact-details { padding:21px 0 15px; } #container #sidebar .contact-details ul { color:#004489; font:1.6em/1.2 'Century Gothic', 'Avant Garde', sans-serif; list-style:none; margin:0 0 -19px; padding:0 0 8px 8px; } #container #sidebar .contact-details ul li { background:0; font-weight:bold; padding:0 0 8px; } #container #sidebar .contact-details ul li a { background:0; color:#004489; display:inline; padding:0; text-decoration:none; } #container #sidebar .contact-details ul li em { color:#f58025; display:block; font-style:normal; font-weight:400; } /************************************************** * Container > Sidebar > Downloads * **************************************************/ #container #sidebar .downloads { padding:10px 0 0; } #container #sidebar .downloads h4 { background:#eeb357 url('../img/background/sidebar_downloads_h4.jpg') no-repeat; color:#fff; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 0 8px; width:170px; } #container #sidebar .downloads h4 a { color:#fff; display:block; line-height:26px; text-decoration:none; } /************************************************** * Container > Sidebar > Escrow Live * **************************************************/ #container #sidebar .escrow-live { margin:-5px 0 0; padding:10px 0 0; } #container #sidebar .escrow-live h4 { background:#f27072 url('../img/background/sidebar_escrow-live_h4.jpg') no-repeat; color:#fff; font:bold 1.2em/36px 'Century Gothic', 'Avant Garde', sans-serif; margin:0 0 -5px; padding:0 0 0 8px; width:170px; } #container #sidebar .escrow-live h4 a { color:#fff; display:block; line-height:36px; text-decoration:none; } /************************************************** * Container > Sidebar > Live Help * **************************************************/ #container #sidebar .live-help { padding:10px 0; } #container #sidebar .live-help h4 { background:#bfd283 url('../img/background/sidebar_live-help_h4.jpg') no-repeat; color:#fff; font:bold 1.5em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 8px; text-align:center; width:162px; } /* #container #sidebar .live-help p { background:url('../img/background/sidebar_live-help_p.jpg') no-repeat; background-position:0 0; font-size:12px; height:62px; line-height:1.3; margin:0 8px; overflow:hidden; padding:8px 56px 10px 10px; } #container #sidebar .live-help p a { background:url('../img/background/sidebar_live-help_p_a.jpg') no-repeat; background-position:center right; color:#bfd283; display:inline-block; line-height:34px; padding:0 15px 0 0; text-decoration:none; } #container #sidebar .live-help p a:hover { color:#909d69; text-decoration:underline; } */ #container #sidebar .live-help p { background:url('../img/background/sidebar_live-help_p.jpg') no-repeat; background-position:bottom left; font-family:Arial, sans-serif; margin:0 8px; padding:0 2px 2px; text-align:center; width:160px; } #container #sidebar .live-help p a { border-bottom:1px dotted #666; color:#333; text-decoration:none; } #container #sidebar .live-help p a:hover { border-bottom-style:solid; } #container #sidebar .live-help p img { display:block; padding:4px; width:150px; } /************************************************** * Container > Sidebar > News & Events * **************************************************/ #container #sidebar .news-and-events { padding:10px 0 0; } #container #sidebar .news-and-events h4 { background:#ddd url('../img/background/sidebar_news-and-events_h4.jpg') no-repeat; color:#454545; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 0 8px; width:170px; } #container #sidebar .news-and-events h4 a { color:#454545; display:block; line-height:26px; text-decoration:none; } #container #sidebar .news-and-events ul { font-size:1em; line-height:1.1; list-style:none; margin:0; padding:0; } #container #sidebar .news-and-events ul li { background:url('../img/background/sidebar_news-and-events_ul_li.jpg') no-repeat; background-position:bottom left; line-height:1.1; } #container #sidebar .news-and-events ul li a { color:#333; display:block; padding:8px 0 8px 8px; text-decoration:none; } #container #sidebar .news-and-events ul li a em { font-style:normal; font-weight:bold; line-height:1.3; } #container #sidebar .news-and-events ul li a:hover { color:#ee801b; } #container #sidebar .news-and-events ul li a:hover em { color:#004489; } /************************************************** * Container > Sidebar > Search * **************************************************/ #container #sidebar .search { padding:13px 0 0; } #container #sidebar .search input { border:1px solid #ccc; font-size:1.1em; margin:0 8px; padding:2px; width:156px; } #container #sidebar .search input:focus { background:#ffd; } #container #sidebar .search input.submit { background:0; border:0; color:#f58025; margin:5px 0 0 8px; padding:0; text-align:right; width:166px; } #container #sidebar .search label { color:#004489; display:block; margin:0; padding:0 0 3px 8px; } /************************************************** * Container > Footer * **************************************************/ #container #footer { background:#fff url('../img/background/footer.jpg') no-repeat; background-position:0 0; clear:both; color:#004489; height:42px; padding:1px 150px 16px 10px; position:relative; width:740px; } #container #footer p { font-size:1em; line-height:1.2; margin:0; padding:15px 10px 15px 0; } #container #footer p a { border-bottom:1px dotted #004489; color:#004489; text-decoration:none; } #container #footer p a:hover { border-bottom-style:solid; } #container #footer p span { position:absolute; right:190px; top:15px; } /************************************************** * Homepage * **************************************************/ #homepage { } #homepage #container { } #homepage #container #content { clear:both; padding:10px 60px 5px 60px; width:576px; } #homepage #container #sidebar { margin:0; }