@charset "utf-8"; /* CSS Document */ * {margin: 0; padding: 0;} body {text-align: center; font: normal 80% Arial, Helvetica, sans-serif; } a, a:link {text-decoration: underline; color: #606e7f; font-weight: normal;} a:hover {text-decoration:none; color: #d03527; font-weight: normal;} p {margin-bottom:11px; color: #3a3a3a;} img {border: 0;} small {font-size:80%;} sup {color: #FF0000;font-size:100%;} h1 {font-size:140%; color: #3a3a3a; margin-bottom:11px; } h2 {font-size:120%; color: #3a3a3a; margin-bottom:11px;} h3 {font-size:100%; color: #3a3a3a; margin-bottom:4px;} h4 {font-size:150%; color: #3a3a3a;} hr {color: #D7DEE6; height: 1px; border: 0;} .form {width:490px; font: normal 100% Arial, Helvetica, sans-serif; } .dropdown {font: normal 11px Arial, Helvetica, sans-serif; background: #eee; border: #8D8D8D 1px solid;} .red_text {color: #FF0000;} .blue_text {color: #8294ab;} .but_black {width: 141px; height: 27px; background: url(but_black.png) no-repeat; color: #fff; font-size:16px; padding-top:3px; } .but_black a, .but_black a:link {color: #fff;} .but_black a:hover {text-decoration: underline; } .but_search {height: 17px; width: 24px; font-weight: bold; color: #fff; background-color: #222; border: #222 0px solid; font-size:9px;} .input_search {height: 17px; width: 105px; font-weight: normal; color: #333; background-color: #fff; border: #222 1px solid; } .inputshort {width: 60px; } .msgError {border: #FF0000 1px solid; padding:8px; width:474px;margin-bottom:8px;color: #FF0000; background: #ffe7e7;} .msgError .title {font-weight: bold; color: #FF0000;} .news_info_box {display: inline; padding-left: 50px; float: right; padding-bottom: 30px; padding-right:10px; width: 162px; margin-right: -220px; margin-top: 450px; font-size:90%; z-index: inherit;} .aside {display: block; background: top left url('bullet.png') no-repeat ; text-decoration: none; color: #666; font-weight: normal; padding-left:17px; } .aside:link {text-decoration: none; color: #666; font-weight: normal;} .aside:hover {text-decoration:underline; color: #d03527; font-weight: normal;} .astar {display: block; background: top left url('bullet_star.png') no-repeat ; text-decoration: none; color: #666; font-weight: normal; padding-left:17px; } .astar:link {text-decoration: none; color: #666; font-weight: normal;} .astar:hover {text-decoration: underline; color: #d03527; font-weight: normal;} #top {height:30px; text-align: right; background: center url('top_bar.jpg') no-repeat #8294ab; padding-top:6px; padding-right:5px;} #wrapper {width:980px; text-align:left; margin: 0px auto; height:auto; overflow:hidden; clear:both;} #logo {width:150px; float: left; background: url('logo.png') no-repeat; margin: 0px 10px 0px 40px ; height: 145px;} #logotext {width:775px; background: url('logotext.png') no-repeat; float: left; height: 75px; text-align:right; margin: 0 auto;/* border:1px solid red;*/} #navbar {width:570px; float: left; height: 40px; font-size:14px;} #hotline {width:210px; float: right; height: 40px; font-weight: bold; font-size:16px; vertical-align:top; margin-top:2px; } #container {width:980px; float:left;} .sidebar_nav_left {padding:25px 10px 10px 50px;} .sidebar_nav_right {} .left_bar {background: top right url('left_bar.jpg') no-repeat;} .right_bar {background: top left url('right_bar.png') no-repeat; display: inline; float: right; vertical-align: top; width: 180px; padding: 23px 20px 0px 20px; margin-left:25px;} #contentsearch {padding: 22px 40px 20px 40px;} #contentsearch td {padding: 0px 5px 0px 5px;} #contentsearch .diamondsearchbox {border: solid 1px #D7DEE6;} #content1 {padding: 22px 40px 20px 40px; margin: 0 auto;} .shadow_content1 {background: top left url('shadowcontent1.jpg') repeat-y;} #content1 th {padding: 5px; background:#D7DEE6; color:#7B8BA2; text-transform:uppercase; font-weight: normal; font-size: 85%;} #content1 th a {color:#3a3a3a; font-weight: bold; text-decoration:none;} #content1 th a:hover {color:#3a3a3a; font-weight: bold; text-decoration:underline;} #content1 td {padding: 5px 13px 8px 13px; font-size: 95%; } #content1 tr:hover {padding: 5px; background:#eff1f5;} #content1 table {border: solid 1px #D7DEE6;} #content1 ul {margin-left:16px;} #content2 ul {margin-left:16px;} #content2 {padding: 15px 40px 20px 40px ;margin: 0 auto;} .shadow_content2 {background: repeat-y top left url('shadowcontent2.jpg');} #content2 th {padding: 5px ; background:#D7DEE6; color:#7B8BA2; text-transform:uppercase; font-weight: normal; font-size: 85%;} #content2 th a {color:#4f5968; text-decoration:none;font-weight: bold; } #content2 th a:hover {color:#7B8BA2; text-decoration:none;font-weight: bold; } #content2 td {padding: 5px; font-size: 95%;} #contentview {padding: 22px 40px 20px 40px; margin: 0 auto;} #contentview td {padding: 5px;} #contentview .box {border: solid 1px #D7DEE6;} #contentview .box small {font-size:70%;} #contentview .box ul { list-style:outside square; padding-left:15px;} #contentview .thumb {border: solid 1px #D7DEE6; margin: 5px 5px 5px 0px;} #contentview .buttonbox {padding-left:30px; padding-right:30px; padding-top:35px; background:#EFF1F5; min-height:170px; width:220px; float:left; margin-right:15px;border: solid 1px #D7DEE6;} #contentview .buttonbar {float:left;} #contentview .data_left {border: solid 1px #D7DEE6; width: 280px; float: left; font-size: 100%; margin-bottom:10px; margin-right:8px; min-height:inherit;} #contentview .storecontent {border: 0px solid #333;} #contentview .storesort {border: 1px dotted #bbb; width: 676px; padding:5px; background:#C7E8F1;} #contentview .storeitem {float: left; width: 160px; border: 1px dotted #bbb; margin-right: 13px; margin-bottom: 13px; text-align:left;} #contentview .maincategory {float:left;width:140px;border: solid 1px #fff;margin-top:5px;padding-bottom:1px;} #contentview .maincategory_text {float:left;width:700px;padding-bottom:20px;background:#fff;margin-right:15px;color:#333; margin-top:5px; border-bottom:1px dotted #CCC;} #contentview .navbar {padding:0px 0px 4px 6px; margin-left:-5px; width:100%;} #contentview .anavbar {background:#eff1f5; font-size: 90%; color:#333; text-transform:uppercase; padding: 4px 4px 4px 4px; width:125px; float:left; text-align:left; margin-right:10px; margin-bottom:5px; text-decoration:none; } #contentview .anavbar:hover {color:#000; background:#d7dee6; padding: 4px 4px 4px 4px; margin-right:10px; text-decoration:none;} #contentview .storecategory {float: right; width: 160px; border: 1px dotted #bbb; margin-right: 13px; margin-bottom: 13px; text-align:left; background:#fff;} #contentview .storecategory a {color: #7B8BA2; text-decoration:none;} #contentview .storecategory a:hover {color: #CCC; text-decoration:none;} #contentview .storecategory h4 {font-size:120%;} #contentview .storeitem .spacer {padding-top: 5px;} #contentview .storeitem .pic {border-bottom: 1px dotted #bbb;} #contentview .storeitem b {font-size:120%; line-height:120%;} #contentview .storeitem h4 {font-size:120%;} #contentview .storeitem h5 {font-size:140%; color:#999;} #contentview .storeitem h4 a {text-decoration: none; color: #7A4F3C; font-weight:bold;} #contentview .storeitem h4 a:hover {text-decoration: underline; color: #606e7f; font-weight: bold;} #content2 .diamondtable {margin-top: 15px; width:700px; text-align: left; margin-bottom: 15px;border: dotted 1px #DED7C2;} .benefit {border: solid 1px #D7DEE6; background:#f2f4f8;} .benefit td {padding:10px 8px 15px 15px; } .row1 {background: #fff;} .row1:hover {background:#eff1f5;} .row2 {background: #f2f4f8;} .row2:hover {background:#eff1f5;} .diamondsearchbox {width:480px;} .footerbar {background: bottom left url('footer_bar.jpg') no-repeat ; height:120px; padding-top:6px;} #footer {font-size: 14px; text-align:center; } #footer a,#footer a:link {text-decoration: none; color: #444; } #footer a:hover {color: #FF0000; text-decoration:none;} .copyright {font-size: 12px; color:#FFFFFF; text-align:center; height:30px; vertical-align:middle; } .webmaster {font-size: 11px; color:#8294ab; padding-top:2px; text-align:center; margin-bottom:15px;} .webmaster a {font-size: 11px; color:#8294ab; text-decoration:none; font-weight:bold;} .webmaster a:link {font-size: 11px; color:#8294ab; text-decoration:none; font-weight:bold;} .webmaster a:hover {font-size: 11px; color:#8294ab; text-decoration:underline; font-weight:bold;} .clear {clear:both;} a.info {position:relative; /*this is the key*/ z-index:24; background-color:#ccc; color:#000; text-decoration:none;} a.info:hover {z-index:25; background-color:#ff0;} a.info span {display: none;} a.info:hover span {/*the span will display just on :hover state*/ display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center;} /* Spry Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 85%; cursor: default; width: auto;} /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000;} /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0px 5px 0px 0px; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 6.9em; float: left;} /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { margin: 5px 0px 0px 0px; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 13em; position: absolute; left: -1000em;} /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto;} /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 13em;} /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: 3% 0 0 98%;} /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0;} /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { border: 1px solid #d7dee6;} /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #eff1f5; padding: 0.3em 0.75em; color: #333; text-decoration: none;} /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #d7dee6; color: #000;} /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #d7dee6; color: #000;} /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url('SpryMenuBarDown.gif'); background-repeat: no-repeat; background-position: 95% 50%;} /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url('SpryMenuBarRight.gif'); background-repeat: no-repeat; background-position: 95% 50%;} /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url('SpryMenuBarDownHover.gif'); background-repeat: no-repeat; background-position: 95% 50%;} /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url('SpryMenuBarRightHover.gif'); background-repeat: no-repeat; background-position: 95% 50%;} /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010;} /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; }} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Copyright (c) 20010 Janis Skarnelis * Examples and documentation at: http://fancybox.net * * Version: 1.3.0 (02/02/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading {position: fixed;top: 50%;left: 50%;height: 40px;width: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;background: transparent;z-index: 1104;display: none;} * html #fancybox-loading { /* IE6 */position: absolute;margin-top: 0;} #fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('../jscript/fancybox/fancy_loading.png') no-repeat;} #fancybox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000;z-index: 1100;display: none;} * html #fancybox-overlay { /* IE6 */position: absolute;width: 100%;} #fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;} #fancybox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 20px;z-index: 1101;display: none;} #fancybox-outer {position: relative;width: 100%;height: 100%;background: #FFF;} #fancybox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: 0;outline: none;overflow: hidden;} #fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} #fancybox-close {position: absolute;top: -15px;right: -15px;width: 32px;height: 32px;background: url('../jscript/fancybox/fancy_close.png') top left no-repeat;cursor: pointer;z-index: 1103;display: none;} #fancybox_error {color: #444;font: normal 12px/20px Arial;} #fancybox-content {height: auto;width: auto;padding: 0;margin: 0;} #fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;} #fancybox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;} #fancybox-title {position: absolute;bottom: 0;left: 0;font-family: Arial;font-size: 12px;z-index: 1102;} .fancybox-title-inside {padding: 10px 0;text-align: center;color: #333;} .fancybox-title-outside {padding-top: 5px;color: #FFF;text-align: center;font-weight: bold;} .fancybox-title-over {color: #FFF;text-align: left;} #fancybox-title-over {padding: 10px;background: url('../jscript/fancybox/fancy_title_over.png');display: block;} #fancybox-title-wrap {display: inline-block;} #fancybox-title-wrap span {height: 32px;float: left;} #fancybox-title-left {padding-left: 15px;background: transparent url('../jscript/fancybox/fancy_title_left.png') repeat-x;} #fancybox-title-main {font-weight: bold;line-height: 29px;background: transparent url('../jscript/fancybox/fancy_title_main.png') repeat-x;color: #FFF;} #fancybox-title-right {padding-left: 15px;background: transparent url('../jscript/fancybox/fancy_title_right.png') repeat-x;} #fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background-image: url('../jscript/fancybox/blank.gif');z-index: 1102;display: none;} #fancybox-left {left: 0px;} #fancybox-right {right: 0px;} #fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;} #fancybox-left-ico {background: transparent url('../jscript/fancybox/fancy_nav_left.png') no-repeat;} #fancybox-right-ico {background: transparent url('../jscript/fancybox/fancy_nav_right.png') no-repeat;} #fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */} #fancybox-left:hover span {left: 20px;} #fancybox-right:hover span {left: auto;right: 20px;} div.fancy-bg {position: absolute;padding: 0;margin: 0;border: 0;z-index: 1001;} div#fancy-bg-n {top: -20px;left: 0;width: 100%;height: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_n.png') repeat-x;} div#fancy-bg-ne {top: -20px;right: -20px;width: 20px;height: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_ne.png') no-repeat;} div#fancy-bg-e {top: 0;right: -20px;height: 100%;width: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_e.png') repeat-y;} div#fancy-bg-se {bottom: -20px;right: -20px;width: 20px;height: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_se.png') no-repeat;} div#fancy-bg-s {bottom: -20px;left: 0;width: 100%;height: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_s.png') repeat-x;} div#fancy-bg-sw {bottom: -20px;left: -20px;width: 20px;height: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_sw.png') no-repeat;} div#fancy-bg-w {top: 0;left: -20px;height: 100%;width: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_w.png') repeat-y;} div#fancy-bg-nw {top: -20px;left: -20px;width: 20px;height: 20px;background: transparent url('../jscript/fancybox/fancy_shadow_nw.png') no-repeat;}