/* CSS tag for styling the search field */ .FIELD-SEARCH { height:22px; width:158px; background-image:url(images/search_bg.gif); background-attachment: scroll; background-repeat: no-repeat; padding:4px 3px 0px 23px; border:0px; text-align:left; font-size:15px; color:#666666 } /* CSS tag for styling the form buttons */ /* Other Options: font-weight:bold; color:#000000; background-color:#EBEBEB; border-color:#CCCCCC; border-width:2px; */ input.standard-button { font-size:11px;font-family:Arial,sans-serif;font-weight:bold;color:#FFFFFF;height:26px;padding: 0px 4px 0px 4px;background-color:#F8F8F8;background-image:url(images/standard_button_bg.gif);border-style:solid;border-color:#000000;border-width:1px;cursor:pointer; } /* CSS tag for styling the add to cart buttons */ .PRODUCT-ADD-TO-BASKET-BUTTON { font-size:11px;font-family:Arial,sans-serif;font-weight:bold;color:#FFFFFF;height:26px;padding: 0px 4px 0px 4px;background-color:#F8F8F8;background-image:url(images/standard_button_bg.gif);border-style:outset;border-color:#D1D1D1;border-width:0px;cursor:pointer; } /* CSS tag for styling the table behind the "continue to checkout" link on the basket/cart page. */ .continue-td { font-family:Arial,sans-serif; font-weight:bold; height:26px; padding: 0px 0px 0px 0px; background-color:#010101; background-image:url(images/button_bg.gif); border-width:1px; border-color:#000000; border-style:solid; text-align:center; vertical-align:middle; white-space:nowrap;} /* Continue Button Link (Special styling for link in continue button..) */ .continue a:link { font-size: 11px; color: #FFFFFF; text-decoration: none; display: block; padding: 5px 7px;} .continue a:visited { font-size: 11px; color: #FFFFFF; text-decoration: none; display: block; padding: 5px 7px;} .continue a:hover { font-size: 11px; color: #F7F7F7; text-decoration: none; display: block; padding: 5px 7px;} .continue a:active { font-size: 11px; color: #FFFFFF; text-decoration: none; display: block; padding: 5px 7px;} /* CSS tag for styling the form buttons */ /* Other Options: font-weight:bold; color:#000000; background-color:#EBEBEB; border-color:#CCCCCC; border-width:2px; */ input.search-button { font-size:11px;font-family:Arial,sans-serif;font-weight:bold;color:#FFFFFF;height:26px;padding: 0px 4px 0px 4px;background-color:#F8F8F8;background-image:url(images/standard_button_bg.gif);border-style:outset;border-color:#D1D1D1;border-width:0px;cursor:pointer; } /* CSS tag for styling the form buttons */ .RESULTS-ADD-TO-BASKET-BUTTON { font-size:14px;font-family:Arial,sans-serif;font-weight:bold;color:#000000;height:30px;background-color:#F8F8F8;background-image:url(images/button_bg_silver_D1D1D1.gif);border-style:outset;border-color:#D1D1D1;border-width:2px;cursor:pointer; } /* CSS tag for styling the digital delivery "download" button */ .DIGITAL-FILE-ACCESS-BUTTON { font-size:14px;font-family:Arial,sans-serif;font-weight:bold;color:#000000;height:30px;background-color:#F8F8F8;background-image:url(images/button_bg_silver_D1D1D1.gif);border-style:outset;border-color:#D1D1D1;border-width:2px;cursor:pointer; } /*///////////////////////////////////////////////////////// / 4 / PAGE SPECIFIC CLASSES /////////////////////////////////////////////////////////*/ /* //// Storefront, Search-Results, Categories & Manufacturers Pages //// */ /* Product Name (RESULTS-NAME) */ .results-product-name a:link { color: #000000; text-decoration: none; } .results-product-name a:visited { color: #000000; text-decoration: none; } .results-product-name a:hover { color: #000000; text-decoration: underline; } .results-product-name a:active { color: #000000; text-decoration: none; } .results-name-td { border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 0px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-left: 0px solid #D9D9D9; } .results-price-td { padding-left:10px; border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 0px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-left: 0px solid #D9D9D9; } table.results-bottom-border { border-bottom-style: dotted; border-bottom-color: #BFBFBF; border-bottom-width: 1px; } /* SKU# Text ({RESULTS-SKU}) */ .results-sku { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; } /* SKU# Title Text (SKU#) */ .results-sku-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; } /* Short Description Text (RESULTS-SHORT-DESCRIPTION) */ .results-description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; } /* Short Description Title Text (DESCRIPTION) */ .results-description-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; } /* Price Title (Just the text that says "Price") */ .results-price-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; } /* Actual Price Text (RESULTS-PRICE) */ .results-price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold; } /* Price when product is on Sale Text (RESULTS-PRICE) */ .results-price-sale { color: #FF0000; font-size: 11px; font-weight: bold; } /* Original Price Text (RESULTS-PRICE) */ .results-original-price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; text-decoration: line-through; } /* Sort by Bolded (Just the text that says "Sort By) */ .sort-by { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; } /* Sort by normal text (everything else in the sort by section) */ .sort-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; } /* Standard Results Text (All of the extra general text like, Relevancy, QTY ect..) */ .results-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; } /* CSS tag for the search-orders dropdown menu */ .FIELD-SEARCH-ORDER { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; } /* CSS tag for the sort by ascending or descending order dropdown menu */ .FIELD-SEARCH-ASC-DESC { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; } /* CSS tag for the how many results per page dropdown menu */ .FIELD-RESULTS-PER-PAGE { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; } /* //// Product Page //// */ /* Product Name (PRODUCT-NAME) */ .product-name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* Product Price (PRODUCT-PRICE) */ .product-price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* Product Price when its on sale (PRODUCT-PRICE) */ .product-price-sale { color: #FF0000; font-weight: bold; } /* Product Original Price (PRODUCT-ORIGINAL-PRICE) */ .product-original-price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: line-through; } /* Product Features (Product-Modifier Adjustment, Product units in stock, Product status ect..) */ .product-feature { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; } /* Product Feature Titles (Price, Adjustment, Type, Stock, Status, Weight ect..) */ .product-feature-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* Description Title */ .product-description-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* Long Description (PRODUCT-LONG-DESCRIPTION) */ .product-description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; } /* Product Image Table (COMPOSITE-PRODUCT-IMAGE-SWAP) */ table.product-image { background-color: #ffffff; border: 1px #FFFFFF solid; } /* Product Modifier Text (Product-Modifier-Menu ect..) */ .product-modifier { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* CSS tag for custom product modifier text field */ .PRODUCT-PRODUCT-FIELDS { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; width: 200px; height:18px; } /* Submit button for QTY (PRODUCT-ADD-TO-BASKET-BUTTON) */ .qty-basket-button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #000000; border: 0px solid #999999; } .product-feature-title-td { padding: 5px 5px 5px 5px; border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-left: 3px solid #D9D9D9; background-color: #F9F9F9; } .product-feature-description-title-td { padding: 5px 5px 5px 5px; border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 0px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-left: 0px solid #D9D9D9; } .product-feature-td { padding: 5px 5px 5px 5px; border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-left: 0px solid #D9D9D9; } table.product-feature-table { border-spacing: 5px; } /* //// Basket, Checkout Pages, Customer Account, Affiliates Account, Download Delivery & Login Pages //// */ /* Large Title Text (Titles at the top of the sections) */ .large-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* Small Title text (Titles usually bold to the left of a form element) */ .small-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* Normal Text (Pretty much all of the text) */ .normal-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } /* CSS tag for the customer login email field */ .FIELD-EMAIL-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 170px; } /* CSS tag for the customer login password field */ .FIELD-PASSWORD-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 130px; } /* CSS tag for the affiliate login email field */ .FIELD-AFFILIATE-EMAIL-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 175px; } /* CSS tag for the affiliate login password field */ .FIELD-AFFILIATE-PASSWORD-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 130px; } /* CSS tag for the words "order numbers" on the affiliates and customer account pages */ .order-number-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #CCCCCC; } /* CSS tag for the actual order numbers on the affiliates and customer account pages */ .order-number { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #CCCCCC; } /* CSS tag for title table style */ .title-td { border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; background-color: #F2F2F2; } .title-plain-td { border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 0px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; } /* CSS tag for titles table to the left of a form element style */ .title-left-td { border-right-style: dotted; border-right-color: #F2F2F2; border-right-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; border-top-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; border-bottom-width: 1px; } /* CSS tag for dividing content tables below title tables */ .content-table { border-right-style: dotted; border-right-color: #cfd8aa; border-right-width: 1px; background-color: #ffffff; } /* CSS tag for vertical spacing between the menu items of the affiliates & my account menus */ .line-spacing { line-height: 23px; } /* CSS tag for the order history block on the Purchase History page in the my account area */ table.order-history-border {border-right: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; } /* body */ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-image: url(images/body-home.jpg); background-repeat: repeat; background-position: 0 0; } /* @end */ * {margin: 0px;padding: 0px;} .clear{clear:both;} .table { border-collapse:collapse; border-width:thin; border-color:#C0C0C0; } #container { margin: 0px auto; text-align: left; width: 920px; } .dot_rule{ border-bottom:1px gray dotted; padding:2px 8px 0 8px; } /********************** Header ***************************/ #logo{ background-color: #000; background-image: url(images/bg_header.jpg); background-repeat: repeat-x; height: 69px; width: 920px; margin: 0px; padding: 0px; text-align: center; } #logo a{ margin: 0px auto; padding-top: 5px; } #mp3-logo{ background-color: #000; background-image: url(images/bg_header.jpg); background-repeat: repeat-x; height: 79px; width: 650px; margin: 0px; padding: 0px; text-align: center; } #wrapper{position:relative;margin:auto;width:920px;background:transparent; } #wrapper2{position:relative;margin:auto;width:650px;background:transparent; } /* Main navigation bar - Logo, main nav, search box */ #nav_bar_c{ background:url(images/nav_bg.jpg) repeat-x black; padding-bottom:29px; border-bottom:black 1px solid; } /* Main nav buttons */ #portal-globalnav { width:662px; list-style: none; margin: 0px 0px 0px 162px; padding: 0px; float:left; text-indent:-6666px; display:inline; } /* IE hack */ * html #portal-globalnav { border-top:black solid 0px; } #portal-globalnav li { float:left; display: inline; } #portal-globalnav li a { display:block; background-color: transparent; color:white !important; text-decoration: none; outline:none; } #menubar-home a{width:68px;height:28px;background:url(images/main_nav_new.jpg) -40px 0 no-repeat;} #menubar-home a:hover{background:url(images/main_nav_new.jpg) -40px -28px no-repeat;} #menubar-shop a{width:110px;height:28px;background:url(images/main_nav_new.jpg) no-repeat -100px 0;} #menubar-shop a:hover{background-position:-100px -28px;} #menubar-support a{ width:96px; height:28px; background-image: url(images/main_nav_new.jpg); background-repeat: no-repeat; background-position: -204px 0; } #menubar-support a:hover{background:url(images/main_nav_new.jpg) -204px -28px no-repeat;} #menubar-downloads a{width:122px;height:28px;background:url(images/main_nav_new.jpg) no-repeat -297px 0;} #menubar-downloads a:hover{background-position:-297px -28px;} #menubar-company a{width:104px;height:28px;background:url(images/main_nav_new.jpg) no-repeat -415px 0;} #menubar-company a:hover{background-position:-415px -28px;} #menubar-contact a{width:94px;height:28px;background:url(images/main_nav_new.jpg) no-repeat -515px 0;} #menubar-contact a:hover{background-position:-515px -28px;} /********************** Content ***************************/ #content { background-color: #FFFFFF; width:920px; display:block; background-image: url(images/submenu/submenu_bg2.jpg); background-repeat: repeat-x; } #content h1{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #333; padding: 20px 23px 6px 28px; border-bottom: 1px solid #bbb6a0; } #content a{ color: #0051CB; text-decoration:none; outline-style:none; } #content a:hover{ text-decoration:underline; } /********************** MP3 ***************************/ #mp3 { background-color: #FFFFFF; width:650px; display:block; background-image: url(images/submenu/submenu_bg2.jpg); background-repeat: repeat-x; } /********************** Content - left ***************************/ #left { border-right: 1px dotted #000000; width:165px; height:auto; margin: 20px 0px 0px 0px; padding: 0px 0px 25px 0px; float:left; display:inline; } #left h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #CCC; text-decoration: underline; margin: 20px 0px 10px 0px; padding-left: 23px; } #left p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:lighter; color: #CCC; margin: 6px 0px 0px 0px; padding-left: 23px; } #left a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;color: #4d4b4a; outline:none; } #left a:hover{ color:#000000; } #leftMarginal{width:174px;padding-top:30px} #htmlContent #leftMarginal #marginalNav a{color:#999;font-size:12px;display:block} /********************** Middle ***************************/ #middle { float:right; width:700px; margin: 20px 0px 10px 0px; padding: 0px 23px 6px 20px; display:inline; } #middle h2{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #333; text-decoration: none; width:680px; text-align:left; padding: 3px 20px 5px 0px; text-indent: 3px; border-bottom: 1px dotted #000; } #middle h3{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #333; text-decoration: none; width:700px; text-align:left; padding: 3px 20px 5px 3px; text-indent: 3px; } #middle h5{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #000; text-decoration: none; width:480px; text-align:left; padding: 3px 20px 5px 3px; text-indent: 0px; } #middle a{ padding: 0px 0px 5px 0px; font-family:verdana,Helvetica,sans-serif; font-size: 11px; outline:none; } #middle p{ padding: 0px 20px 0px 3px; font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#333; } #middle li{ font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#333; text-indent: 15px; padding: 2px 0px 0px 4px; } #middle-left{ float:left; width:350px; display:inline; } #middle-left p{ padding: 10px 20px 0px 4px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; color: #000000; text-align: center; } #middle-left h2{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #333; text-decoration: none; width:680px; text-align:left; padding: 3px 20px 3px 0px; text-indent: 3px; } #middle-right{ float:right; width:350px; display:inline; } #middle-right p{ padding: 0px 20px 0px 4px; font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#666; } #middle-list { float:left; width:680px; padding-left:5px; display:inline; } /********************** Support ***************************/ #support { float:right; width:700px; margin: 20px 0px 10px 0px; padding: 0px 23px 6px 20px; display:inline; } #support h2{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #333; text-decoration: none; width:680px; text-align:left; padding: 3px 20px 5px 0px; text-indent: 3px; border-bottom: 1px dotted #000; } #support h5{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #000; text-decoration: none; width:480px; text-align:left; padding: 3px 20px 5px 3px; text-indent: 0px; } #support a{ padding: 0px 0px 5px 0px; font-family:verdana,Helvetica,sans-serif; font-size: 11px; outline:none; } #support p{ padding: 0px 20px 0px 3px; font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#333; } #support-list { float:left; width:680px; padding-left:5px; display:inline; } #support li{ font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#333; text-indent: 15px; padding: 2px 0px 0px 4px; } /********************** Dist ***************************/ #dist { float:left; margin: 2px 0px 0px 0px; padding: 0px 23px 6px 20px; display:inline; } #dist h5{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #000; text-decoration: none; text-align:left; padding: 0px 20px 5px 0px; text-indent: 3px; } #dist a{ padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, sans-serif; outline:none; } #dist p{ padding: 0px 20px 0px 10px; font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#666; } /********************** ARTIST MIDDLE ***************************/ #artist { float:right; width:700px; margin: 0px 0px 10px 0px; padding: 20px 23px 6px 20px; display:inline; } #artist h2{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #333; text-decoration: none; width:680px; text-align:left; padding: 3px 20px 5px 0px; text-indent: 3px; border-bottom: 1px dotted #000; } #artist-left{ float:left; width:200px; display:inline; } #artist-left2{ float:left; width:200px; text-align:right; display:inline; } #artist-left p{ padding: 10px 20px 0px 4px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; color: #000000; text-align: center; } #artist-right{ float:right; width:500px; display:inline; } #artist-right h3{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #333; text-decoration: none; text-align:left; padding: 20px 20px 3px 3px; text-indent: 1px; } #artist-right h4{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: #333; text-decoration: none; text-align:left; padding: 0px 20px 3px 3px; text-indent: 3px; } #artist-right p{ padding: 0px 20px 2px 4px; font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#666; } #artist-right li{ font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#333; text-indent: 20px; padding: 0px 0px 10px 4px; } #artist-right a{ padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, sans-serif; outline:none; } #artist p{ font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#333; } #artist a{ padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, sans-serif; outline:none; } /********************** downloads ***************************/ #downloads { float:left; width:691px; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px; display:inline; border:1px #000 solid; background-image: url(images/Downloads/Downloads_BG.png); background-repeat: repeat-x; } #downloads-left { float:left; width:341px; border-right:1px #000 solid; display:inline; } #downloads-left h2{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bolder; color: #333; text-decoration: none; width:320px; text-align:left; padding: 10px 0px 4px 0px; text-indent: 5px; border-bottom: 0px; } #downloads-left p{ padding: 0px 0px 0px 0px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; color: #666; text-align: left; text-indent: 5px; } #downloads-left a{ padding: 0px 0px 3px 0px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; text-align: left; color:#03F; text-indent: 6px; outline:none; } #downloads-right { float:right; width:340px; display:inline; } #downloads-right h2{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bolder; color: #333; width:320px; text-decoration: none; text-align:left; padding: 10px 0px 4px 0px; text-indent: 0px; border-bottom: 0px; } #downloads-right p{ padding: 0px 0px 0px 0px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; color: #666; text-indent: 0px; text-align: left; } #downloads-right a{ padding: 0px 0px 3px 0px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; color:#03F; text-indent: 5px; text-align: left; outline:none; } /********************** content box grid ***************************/ #boxgrid { float:right; width:700px; margin: 5px 0px 0px 0px; padding: 0px 23px 6px 20px; display:inline; } #boxgrid-left { float:left; width:320px; display:inline; } #boxgrid-left h2{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: #333; text-decoration: none; width:330px; text-align:center; padding: 3px 0px 1px 0px; text-indent: 3px; } #boxgrid-left p{ padding: 5px 20px 0px 20px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; color: #666; text-align: center; } #boxgrid-right{ float:right; width:380px; display:inline; } #boxgrid-right h2{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: #333; text-decoration: none; width:380px; text-align:center; padding: 3px 0px 1px 0px; text-indent: 3px; } #boxgrid-right p{ padding: 5px 40px 0px 40px; font-family: verdana,Helvetica,sans-serif; font-size: 11px; color: #666; text-align: center; } /********************** News ***************************/ #news { float:right; width:700px; margin: 0px 0px 10px 0px; padding: 0px 23px 6px 20px; display:inline; } #news h2{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333; text-decoration: none; width:680px; text-align:left; padding: 3px 20px 5px 0px; text-indent: 3px; border-bottom: 1px dotted #000; } #news h3{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; color: #333; text-decoration: none; text-align:left; padding: 3px 20px 2px 3px; } #news h5{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #1B1B1B; font-weight:normal; text-decoration: none; text-align:right; } #news a{ padding: 0px 12px 3px 0px; font-family:verdana,Helvetica,sans-serif; float:left; font-size: 11px; outline:none; } #news p{ padding: 0px 20px 0px 3px; font-family:verdana,Helvetica,sans-serif; font-size:11px; color:#333; } /********************** footer ***************************/ /* Footer */ #portal-footer{ padding:5px 10px; color:#CCC; background-image: url(images/footer_bg.jpg); Background-repeat: repeat-x; background-color:#000; border-top:1px black solid; font-size:0.6em; } #portal-footer p{ margin:0; padding:0; } #portal-footer div.center{ padding-left:90px; } #portal-footer a{ color:#CCC; } #footer_links li{ padding-top:5px; } #footer_links li a{ text-decoration:none; } #footer_links li a:hover{ text-decoration:underline; } /* Shadow */ #border_shadows{} .container_shadow{position:absolute;} #shadow_left{left:-12px;top:-6px;width:12px;height:100%;background:url(images/shadowLeft.png) repeat-y;} #shadow_right{top:-6px;right:-12px;width:12px;height:100%;background:url(images/shadowRight.png) repeat-y;} #shadow_left_corner{left:-12px;bottom:-12px;width:18px;height:18px;background:url(images/shadowLeftCorner.png) no-repeat;} #shadow_right_corner{bottom:-12px;right:-12px;width:18px;height:18px;background:url(images/shadowRightCorner.png) no-repeat;} #shadow_bottom{left:6px;bottom:-12px;width:908px;height:12px;background:url(images/shadowBottom.png) center repeat-x;} /* IE Shadow substitute */ * html .container_shadow{display:none;} * html #visual-portal-wrapper{border:1px #333333 solid;} /* mp3-shadow */ #shadow_left_mp3{left:-12px;top:-6px;width:12px;height:100%;background:url(images/shadowLeft.png) repeat-y;} #shadow_right_mp3{top:-6px;right:-12px;width:12px;height:100%;background:url(images/shadowRight.png) repeat-y;} #shadow_left_corner_mp3{left:-12px;bottom:-12px;width:18px;height:18px;background:url(images/shadowLeftCorner.png) no-repeat;} #shadow_right_corner_mp3{bottom:-12px;right:-12px;width:18px;height:18px;background:url(images/shadowRightCorner.png) no-repeat;} #shadow_bottom_mp3{left:6px;bottom:-12px;width:638px;height:12px;background:url(images/shadowBottom.png) center repeat-x;}