/************************** File Name: spojag.css Theme: GANDALF Client: Trusted Auto Sales This is the core CSS (Cascading Style Sheet) Control Panel. All commonly used layout definitions reside here and effect the application site wide. This is the only/entire style sheet for gandalf themed sites. ----------- Styles are arranged by page layout order. ----------- COLOR CHART: ------------ #F80000 - Bright Red #D20000 - Darker Red #A30000 - Darkest Red #790000 - Maroon (text) #227314 - Bright Green #1B5E00 - Darker Green #103C00 - Darkest Green Created: 05/07/2009 Changed: 07/21/2009 Last Changed By: Duggan By: DnS Inc. Copyright (c) 2006 - 2009, All Rights Reserved ****************************/ /*=====================================================*/ /*========= GLOBAL LINKS ==============================*/ /*=====================================================*/ a {color: #09f;text-decoration: none;} a:hover {color: #BC6E16;} /*=====================================================*/ /*========= BODY ======================================*/ /*=====================================================*/ body {margin: 0;padding: 0;background-color: #000;} /*=====================================================*/ /*========= CONTAINER =================================*/ /*=====================================================*/ #container {position: relative;min-height: 100%;width: 950px;z-index: 0;margin: 0 auto 0 auto;padding: 0;border-right: 0px solid #ccc;border-left: 0px solid #ccc;border-bottom: 1px solid #ccc;background-color: #000;background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/spojag/main_bg.jpg);background-position: top left;background-repeat: no-repeat;} /*=====================================================*/ /*========= HEADER ====================================*/ /*=====================================================*/ #container #header {position: relative;height: 190px;text-align: left;color: #fff;border: 0px dashed #ccc;} /*=====================================================*/ /*========= PHONE # & METRO ===========================*/ /*=====================================================*/ #container #header .headerContact {position: absolute;width: 225px;height: 50px;top: 180px;left: 720px;text-align: right;font: 12px arial, verdana;color: #777;border: 0px solid #ccc;} #container #header .headerContact .phone {font: bold 18px georgia, bitstream vera sans, trebuchet ms, verdana, arial;color: #D20000;display: none;} /*=====================================================*/ /*========= MAIN NAVIGATION MENU ======================*/ /*=====================================================*/ #container #header .nav_menu {position: absolute;height: 38px;top: 151px;left: 0;text-align: left;padding: 0 20px 0 20px;font: bold 12px arial, verdana, arial;border: 0px dashed #ccc;} /* height of this cell: height of nav_menu minus passing of this cell */ #container #header .nav_menu .menuItem {float: left;height: 27px;font-weight: bold;font-size: 12px arial;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;padding: 11px 20px 0 20px;border: 0px dashed #000;} /* height of this cell: height of nav_menu minus passing of this cell */ #container #header .nav_menu .menuItem_selected {float: left;height: 27px;padding: 11px 20px 0 20px;border-right: 2px solid #525252;border-left: 2px solid #111;background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/spojag/menu_nav_selected.jpg);background-repeat: repeat-x;} #container #header .nav_menu .menuItem a {color: #fff;text-decoration: none;} #container #header .nav_menu .menuItem a:hover {color: #999;} #container #header .nav_menu .menuItem_selected a {color: #0092BC;font-weight: bold;text-decoration: none;} #container #header .nav_menu .menuItem_selected a:hover {color: #ccc;} /*=====================================================*/ /*========= SUB NAV MENU - LOC'N ======================*/ /*=====================================================*/ #container .locationSelect {position: relative;top: 0;left: 97px;width: 205px;height: 25px;font-size: 12px;font-weight: bold;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;border-bottom: 1px solid #999;border-left: 1px solid #999;background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/spojag/sub_menu_bg.png);background-repeat: repeat-x;} #container .locationSelect a {display: block;float:left;color: #ccc;padding: 5px 20px 0 20px;height: 20px;border-right: 1px solid #ccc;} #container .locationSelect a:hover {text-decoration: underline;color: #fff;} #container .locationSelect a.selected {display: block;float:left;background-color: #000;color: #0092BC;} #container .locationSelect a.selected:hover {text-decoration: underline;color: #fff;} /*=====================================================*/ /*========= FEATURED ITEMS ELEMENT ====================*/ /*=====================================================*/ #container .featured_items {position: absolute;width: 750px;top: 600px;left: 0;z-index: 10;text-align: center;padding: 0;border: 0px dashed #fff;color: #FF6400;background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/spojag/featured.jpg);background-repeat: no-repeat;} #container .featured_items .menuTop {height: 1px;} /* !important hides this from IE6 only */ #container .featured_items .menuSpan {text-align: center;margin-top: 0 !important;margin-top: -7px;padding: 1px 0 0 0;} #container .featured_items .menuBottom {height: 11px;} #container .featured_items .featured_title {display: none;color: #555;font-size: 14px;font-family: times,"lucida grande",tahoma,verdana,arial,sans-serif;} #container .featured_items .menuSpan .featured {width: 200px;float: left;text-align: center;margin: 0 0 0 30px;border: 0px solid #ccc;} #container .featured_items .menuSpan .featured a {color: #ccc;font: 12px arial, bitstream vera sans;text-decoration: none;} #container .featured_items .menuSpan .featured a:hover {color: #BC6E16;} #container .featured_items .menuSpan .featured img {border: 1px solid #ccc;width: 200px;} /*==============================================================================*/ /*========= LOCATION INFO ELEMENT (front, inventory & credit app pgs.) =========*/ /*==============================================================================*/ #container .locationInfo {position: absolute;width: 200px;top: 875px;left: 20px;text-align: left;color: #ccc;font: 12px arial, bitstream vera sans;padding: 0 0 15px 0;} #container .locationInfo_back {position: absolute;width: 200px;top: 875px;left: 20px;text-align: left;color: #ccc;font: 12px arial, bitstream vera sans;padding: 0 0 15px 0;} #container .locationInfo_inv {position: absolute;width: 200px;top: 525px;left: 20px;z-index: -100;text-align: left;color: #ccc;font: 12px arial, bitstream vera sans;} #container .locationInfo_item {position: absolute;width: 200px;top: 525px;left: 20px;z-index: -100;text-align: left;color: #ccc;font: 12px arial, bitstream vera sans;} #container .locationInfo_app {position: absolute;width: 200px;top: 250px;left: 20px;z-index: -100;text-align: left;color: #ccc;font: 14px arial, bitstream vera sans;} /*=====================================================*/ /*========= BACK BUTTON ===============================*/ /*=====================================================*/ #container .backButton input {position: absolute;width: 100px;top: 425px;left: 65px;font: 12px arial, bitstream vera sans, georgia, bitstream vera sans;} /*=====================================================*/ /*========= CONTENT ( Front Pages) ====================*/ /*=====================================================*/ /* same as #footer height */ #container #content {position: relative;top: 0;left: 0;width: 950px;height: 625px;color: #ccc;padding: 0;border: 0px dashed #ccc;z-index: 0;margin-bottom: 50px;background-image: url(http://www.premiumautosites.net/universe/spojag/images/content_home_bg.jpg);background-repeat: no-repeat;} /*========= CONTENT ( Back Pages ) ====================*/ #container #content_backPg {position: relative;top: 0;left: 0;width: 950px;height: 625px;color: #ccc;padding: 0;border: 0px dashed #ccc;z-index: 0;margin-bottom: 50px;background-image: url(http://www.premiumautosites.net/universe/spojag/images/content_home_bg.jpg);background-repeat: no-repeat;} /*=====================================================*/ /*========= Main Text Element (home page) =============*/ /*=====================================================*/ #container #content .mainText {position: absolute;width: 200px;top: 10px;right: 10px;text-align: left;padding: 10px;color: #fff;border: 0px solid #fff;font-size: 12px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;background-color: #333;opacity: 0.6;filter: alpha(opacity=60);} /*== Main Text Element(s) (Back Pages) ===*/ #container #content_backPg .mainText {position: absolute;width: 200px;top: 10px;right: 10px;text-align: left;padding: 10px;color: #fff;border: 0px solid #fff;font-size: 12px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;background-color: #333;opacity: 0.6;filter: alpha(opacity=60);} #container #content_backPg .mainText .next_section {margin: 50px 0 0 0; display: block;} #container #content_backPg .mainText .next_section .sub_title {font-weight: bold; font-size: 20px; color: #ccc;margin: 0 0 5px 0;} #container #content_backPg .mainText .next_section .tile {margin: 12px 0 0 0;display: block;} .mainText table {width:100%;margin: 10px 0 0 0;border-collapse:collapse;} .mainText table td {width: 50%;padding: 5px;vertical-align: top;} /*=====================================================*/ /*========= Main Title Element (home page) ============*/ /*=====================================================*/ #container #content .mainText .mainTitle {color: #fff;border: 0px solid #ccc;font: bold 16px bitstream vera sans;margin: 0 0 15px 0;} #container #content .mainText .subTitle {color: #fff;border: 0px solid #ccc;font: bold 16px bitstream vera sans;margin: 15px 0 15px 0;} /*========= Main Title Element (Back Pages) =========*/ #container #content_backPg .mainText .mainTitle {color: #fff;border: 0px solid #ccc;font: bold 16px bitstream vera sans;margin: 0 0 15px 0;} #container #content_backPg .mainText .subTitle {color: #fff;border: 0px solid #ccc;font: bold 16px bitstream vera sans;margin: 15px 0 15px 0;} /*======================================*/ /*========= Main Image Element (home page) =========*/ #container #content img {position: absolute;width: 950px;top: 0;left: 0;margin: 0;} /*========= Main Image Element (Back Pages) =========*/ #container #content_backPg img {position: absolute;width: 950px;top: 0;left: 0;margin: 0;} /*======================================*/ /*========= Main BOX I Element (home page) =========*/ #container #content .box1 {position: absolute;width: 555px;height: 125px;top: -175px;right: 20px;padding: 0;text-align: left;color: #fff;font: 12px georgia, bitstream vera sans;} #container #content .box1 img {width: 191px;border: none;} /*========= Main BOX I Element (Back Pages) =========*/ #container #content_backPg .box1 {position: absolute;width: 555px;height: 125px;top: -175px;right: 20px;padding: 0;text-align: left;color: #fff;font: 12px georgia, bitstream vera sans;} #container #content_backPg .box1 img {width: 408px;border: none;} /*==== header link blocks ====*/ a.link_1 {display: block;float: left;width: 190px;height: 123px;} a.link_2 {display: block;float: left;width: 225px;height: 123px;} a.link_3 {display: block;float: left;width: 130px;height: 123px;} /*======================================*/ /*========= Main BOX II Element (home page) =========*/ #container #content .box2 {position: absolute;width: 200px;height: 170px;top: 415px;right: 20px;padding: 0;text-align: left;color: #fff;font: 12px georgia, bitstream vera sans;border: 0px solid #ccc;} #container #content .box2 img {width: 647px;border: none;} /*========= Main BOX II Element (Back Pages) =========*/ #container #content_backPg .box2 {position: absolute;width: 200px;height: 170px;top: 415px;right: 20px;padding: 0;text-align: left;color: #fff;font: 12px georgia, bitstream vera sans;} #container #content_backPg .box2 img {width: 647px;border: 5px solid #D20000;} /*==== content link blocks ====*/ a.content_link_1 {display: block;width: 200px;height: 220px;border: 0px solid #ccc;} /*======================================*/ /*========= Main BOX III Element (home page) =========*/ /*========= Main BOX III Element (Back Pages) =========*/ /*=====================================================*/ /*========= CONTENT ( Inventory Pages ) ===============*/ /*=====================================================*/ #container #content_inv {position: relative;top: 30px;left: 260px;width: 647px;z-index: -1000;color: #999;padding: 0 0 70px 0;margin-bottom: 50px;/* same as #footer height */} /*=====================================================*/ /*========= Inventory Page Header Details =============*/ /*=====================================================*/ /*========= Next-Back Nav Element =========*/ /* Previous PAGE 1 OF 1 Next - (Text Color) */ #container #content_inv .navPages {float: right;width: 250px;height: 20px;padding: 5px 10px 0 0;border: 0px dashed #ccc;text-align: right;font: 12px arial;} /* Previous PAGE 1 OF 1 Next - (Link) */ #container #content_inv .navPages a {color: #09f;padding: 0 5px 0 5px;text-decoration: none;} /* Previous PAGE 1 OF 1 Next - (Link Hover) */ #container #content_inv .navPages a:hover {color: #BC6E16;text-decoration: underline;} /*========= Results (ALL) =========*/ /* ALL - (Text) */ #container #content_inv .results {width: 350px;height: 20px;border: 0px dashed #ccc;padding: 7px 0 0 10px;font: bold 17px arial;} /*========= Item Info ( Sort & # of Results ) =========*/ /* Displaying 11 to 20 of 24 matches */ #container #content_inv .itemInfo {margin: 0;} /* Displaying 11 to 20 of 24 matches - (Usually same as 'navPages' above) */ #container #content_inv .itemInfo .navDisplay {float: right;width: 250px;height: 20px;padding: 0 10px 0 0;text-align: right;font: 12px arial;border: 0px dashed #ccc;} /* Sort By: - (Text Only) */ #container #content_inv .itemInfo .sort {width: 350px;border: 0px dashed #ccc;margin: 10px 0 0 10px;font: 11px arial;} /* Sort By: Make ... - (Link) */ #container #content_inv .itemInfo .sort a {color: #09f;text-decoration: none;} /* Sort By: Make ... - (Link Hover) */ #container #content_inv .itemInfo .sort a:hover {color: #BC6E16;text-decoration: underline;} /* Sort By: Make - (Selected Text Link) */ #container #content_inv .itemInfo .sort a.sortedBy {color: #BC6E16;text-decoration: none;} /* Sort By: Make - (Selected Text Link : Hover) */ #container #content_inv .itemInfo .sort a.sortedBy:hover {color: #ccc;text-decoration: underline;} /*====================================================================*/ /*========= INVENTORY: Individual Listing Elements ===================*/ /*====================================================================*/ #container #content_inv .listItem {position: relative;width: 627px;height: 158px;margin: 10px 0 0 10px;font: 12px arial;border: 1px solid #777;} #container #content_inv .listItem .itemSpan {position: absolute;width: 627px;height: 158px;top: 0;left: 0;color: #ccc;border: 0px dashed #000;} /*========= INVENTORY - Listing Span Elements =========*/ /* Listing - (More Link Color) */ #container #content_inv .listItem .itemSpan a {color: #09f;} /* Listing - (More Link Hover Color) */ #container #content_inv .listItem .itemSpan a:hover {color: #BC6E16;} /* Listing Image - (Border) */ #container #content_inv .listItem .itemSpan img {position: absolute;height: 158px;top: 0;left: 0;border-top: 0px solid #777;border-right: 1px solid #777;border-bottom: 0px solid #777;border-left: 0px solid #777;margin: 0 15px 0 0;} /* Listing - (Price) */ #container #content_inv .listItem .itemSpan .price {position: absolute;width: 85px;top: 0;right: 7px;text-align: right;font: bold italic 20px georgia, arial;color: #BC6E16;border: 0px dashed #ccc;} /* Listing - (Title Link Text - BIG!) */ #container #content_inv .listItem .itemSpan a.title {position: absolute;width: 310px;top: 3px;left: 225px;font: bold 16px arial;color: #ccc;text-decoration: none;} /* Listing - (Title Link Hover Color) */ #container #content_inv .listItem .itemSpan a.title:hover {color: #777;} /*========= INVENTORY - Details - LEFT COLUMN =========*/ /* Listing - (Feature Text - LEFT COLUMN) */ #container #content_inv .listItem .itemSpan .itemDetails {position: absolute;width: 180px;top: 57px;left: 225px;font: 12px arial;color: #ccc;border: 0px dashed #ccc;} /* Listing - (Details) */ #container #content_inv .listItem .itemSpan .itemDetails p {padding: 12px 0 0 0;margin: 0;} /*========= INVENTORY - Details - RIGHT COLUMN =========*/ /* Listing - RIGHT COLUMN (+ Vertical Line) */ #container #content_inv .listItem .itemSpan .itemFeatures {position: absolute;width: 185px;top: 57px;/* Same as itemDetails above */left: 440px;color: #ccc;text-align: left;border: 0px dashed #ccc;} #container #content_inv .listItem .itemSpan .itemFeatures p {padding: 12px 0 0 0;margin: 0;} #container #content_inv .listItem .itemSpan .itemFeatures p strong {color: #ccc;font: bold 12px arial;} /*=====================================================*/ /*===== CATEGORY MENU ELEMENT (Inventory Pages ) ======*/ /*=====================================================*/ #container .menu {position: absolute;width: 210px;top: 220px;left: 15px;float: left;padding: 0;text-align: center;border: 0px dashed #fff;color: #777;font: bold 14px arial, bitstream vera sans;} #container .menu .menuTop{height: 11px;} #container .menu .menuSpan {text-align: center;margin-top: 0 !important;/* !important hides this from IE6 only */margin-top: -7px;padding: 1px 0 0 0;} #container .menu .menuBottom {height: 11px;} #container .menu .menuSpan .menuNormal {width: 185px;height: 20px;color: #ccc;font: bold 12px arial, sans-serif;padding: 7px 0 0 0;border: 1px solid #777;background-color: none;margin: 3px 0 0 0;} /*========= Main ALL Link =========*/ /* This is the menu item LINK shit, NOT static hovers */ #container .menu .menuSpan div.menuNormal a.menuitem {color: #ccc;font: bold 12px arial, sans-serif;} #container .menu .menuSpan div.menuNormal a.menuitem:hover {color: #BC6E16;} /***************************************************************** THIS IS A HACK! STUPID FUCKING MS IE6! (See Below) - Firefox (as it should) accepts !important as heirarchical superior to subsequent overflow control.IE6 is very DUMB and does not recognize such. As a consequence, IE6 gets overflow=hidden and FF gets visible ******************************************************************/ #container .menu .menuSpan .menuHover {width: 185px;height: 20px;color: #fff;padding: 7px 0 0 0;font: bold 12px arial, sans-serif;margin: 3px 0 0 0;overflow: visible !important;/* !important hides this from IE6 only */overflow: hidden;border: 1px solid #fff;background-color: #333;} #container .menu .menuSpan .menuSubNormal {display: none;position: static;} #container .menu .menuSpan .menuSubHover {position: relative;left: 150px;width: 200px;margin-top: -15px;background-color: #000;border: 1px solid #777;z-index: 1000;font:bold 12px arial, sans-serif;} #container .menu .menuSpan .menuSubHover div {padding: 1px 0px 1px 0px;position: static;border: none;color: #fff;border-top: 1px solid #777;margin: 0;font:bold 12px arial, sans-serif;z-index: 1000;} #container .menu .menuSpan .menuSubHover div:hover {background-color: #333;} /*========= Main ALL Link =========*/ #container .menu .menuSpan a.menuitem:link {text-decoration: none;display: block;color: #fff;font: bold 12px arial;} #container .menu .menuSpan a.menuitem:visited {text-decoration: none;display: block;color: white;} #container .menu .menuSpan a.menuitem:hover {text-decoration: none;display: block;color: #fff;display: block;} #container .menu .menuSpan a.menuitem:active {text-decoration: none;color: #fff;display: block;} /*=====================================================*/ /*========= CONTENT ( Item Pages ) ====================*/ /*=====================================================*/ #container #content_item {position: relative;top: 55px;left: 260px;width: 647px;z-index: -100;color: #ccc;padding: 0 0 120px 0;border: 0px dashed #ccc;margin-bottom: 50px;/* same as #footer height */} /*========= CONTENT - ITEM PAGES - H1 Tag (Title) =========*/ h1 {position: absolute;width: 700px;top: 215px;left: 400px;z-index: 100;margin: 0;/* this is critical to positioning (takes top margin off FF) */text-align: center;padding: 3px 0 3px 0;border: 0px dashed #ccc;color: #ccc;font: bold 20px arial, bitstream vera sans;} /*========= CONTENT - ITEM PAGES - Price / Stock# =========*/ #container #content_item .price {padding: 0 0 0 0;font: bold 24px arial;color: #BC6E16;} #container #content_item .vin {position: absolute;width: 200px;top: 7px;right: 230px;text-align: left;font: bold 14px arial;border: 0px dashed #ccc;color: #999;} #container #content_item .stock {position: absolute;width: 200px;top: 7px;right: 5px;text-align: right;font: bold 14px arial;border: 0px dashed #ccc;color: #999;} /*========= CONTENT - ITEM PAGES - Pics =========*/ #container #content_item .pics {float: left;width: 647px;padding: 0;} #container #content_item .pics img {width: 645px;border: 1px solid #777;margin: 0;} /*===== THUMBS =====*/ #container #content_item .pics .thumbs {border: 0px dashed red;margin-top: 5px;} #container #content_item .pics .thumbs img {width:120px;border: 1px solid #777;margin: 0 0 0 3px;} /*========= CONTENT - ITEM PAGES - QUICK LINKS ========*/ #container #content_item .quick_links {position: absolute;top: 40px;left: 10px;border: 0px solid #fff;text-align: right;font: 12px helvetica, arial, verdana, sans-serif;} #container #content_item .quick_links a {text-decoration: none;} #container #content_item .quick_links a:hover {text-decoration: underline;} /*========= CONTENT - ITEM PAGES - Details =========*/ #container #content_item .details {float: left;width: 350px;text-align: left;border: 0px dashed #ccc;} #container #content_item .details table {width:100%;margin: 10px 0 10px 0;border-collapse:collapse;font: 12px arial;color: #fff;} #container #content_item .details table .shaded {background-color: #333;} #container #content_item .details table th {font-weight: bold;padding: 5px 10px 2px 12px;} #container #content_item .details table td {width: 70%;padding: 5px 10px 2px 12px;vertical-align: bottom;} /*========= CONTENT - ITEM PAGES - Description =========*/ #container #content_item .description {float: left;width: 265px;text-align: left;margin-top: 7px;padding: 0 0 0 20px;font: 14px arial, bitstream vera sans;border: 0px dashed #ccc;} /*========= CONTENT - ITEM PAGES - Features =========*/ #container #content_item .features {position: relative;width: 100%;padding: 7px 0 0 0;} #container #content_item .title_bar {background-color: #333;color: #fff;font: bold 14px arial, verdana;padding: 3px 0 3px 12px;margin: 10px 0 10px 0;} #container #content_item .features table {width: 99%;margin: 0 0 0 10px;border-collapse:collapse;font: 12px arial;border: 0px dashed #ccc;color: #ccc;} #container #content_item .features table td {padding: 3px 5px 0 0;vertical-align: top;} /*=====================================================*/ /*========= CARFAX ====================================*/ /*=====================================================*/ /*========= INDIVIDUAL ITEM PG (Large Icon) ============*/ .carfax_lg {width: 120px;position: relative;float: left;border: 0px solid #555;margin: 20px 0 0 20px;} /* CARFAX: large (ITEM PG) version */ #container #content_inv .listItem .itemSpan .carfax_lg img {width: 120px;height: 49px;border: none;} /*========= INVENTORY LISTING PG (Small Icon) =========*/ .carfax_sm {position: absolute;width: 75px;height: 30px;top: 30px;right: 5px;border: 0px dashed #ccc;} /* CARFAX: small (INVENTORY PG) version */ #container #content_inv .listItem .itemSpan .carfax_sm img {width: 75px;height: 30px;border: 0px dashed blue;} /*=====================================================*/ /*========= CONTENT ( Credit Application ) ============*/ /*=====================================================*/ #container #content_app {position: relative;top: 20px;left: 260px;width: 647px;color: #ccc;padding: 0 0 70px 0;border: 0px dashed #ccc;margin-bottom: 50px;/* same as #footer height */} /*========= CREDIT APP - TABLE =========*/ #content_app table#credit {width: 100%;border-collapse: collapse;color: #ccc;margin: 0 0 0 0;font: 14px arial, verdana;font-weight: normal;} #content_app table#credit td input {margin: 0 10px 0 0;border: 1px solid #777;font: 14px arial, verdana, sans serif;background-color: #333;width: 200px;color: #fff;} #content_app table#credit td select {margin: 0 10px 0 0;border: 1px solid #777;background-color: #333;color: #fff;} #content_app table#credit th {text-align: left;padding: 0 0 0 40px;font-weight: normal;color: #ccc;} #content_app table#credit th p {text-align: left;border: 0px dashed red;} #content_app table#credit th span {color: #BC6E16;margin: 0 3px 0 3px;font: 10px bitstream vera sans, verdana, arial;} #content_app table#credit td {color: #ccc;} #content_app table#credit td .line {height: 5px;margin: 10px 20px 10px 20px;border-top: 1px solid #777;} #content_app table#credit th.buttons {text-align: center;} #content_app table#credit .button {font: 14px arial, verdana;} #content_app table#credit th.greeting {padding: 0 0 0 0;font: 14px arial, verdana, sans serif;color: #ccc;} #content_app table#credit td.spacer {width: 100px;border: 0px dashed #ccc;} /*=====================================================*/ /*========= Main BOX III Element (FREE RANGE) =========*/ /*=====================================================*/ #container .box3 {position: absolute;width: 150px;top: 50px;right: 350px;padding: 50px;border: 10px solid #fff;text-align: left;color: #fff;font: 11px bitstream vera sans;background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/spojag/box3.jpg);} /*=====================================================*/ /*========= CLEAR =====================================*/ /*=====================================================*/ .clear {clear: both;line-height: 0;font-size: 0;background-color: #92683E;} /*=====================================================*/ /*========= FOOTER ====================================*/ /*=====================================================*/ #container #footer {position: absolute;width: 100%;height: 50px;/* same as #content margin-bottom */bottom: 0;text-align: center;padding-top: 5px;border-top: 1px solid #ccc;color: #777;font: 11px bitstream vera sans, verdana, arial;background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/spojag/footer_bg.jpg);background-repeat: repeat-x;} #container #footer a {color: #09f;text-decoration: none;} #container #footer a:hover {color: #BC6E16;text-decoration: underline;}