ters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;} .rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;} .rokmod-demo-block .demo-span1 {font-weight: bold;} .light img#variation_preview {border: 4px solid #bbb; } .medium img#variation_preview {border: 4px solid #999; } .dark img#variation_preview {border: 4px solid #777; } .promo img#variation_preview {border: 4px solid #555; } .style1 .color img#variation_preview {border: 4px solid #91140B; } .style2 .color img#variation_preview {border: 4px solid #339966; } .style3 .color img#variation_preview {border: 4px solid #117294; } .style4 .color img#variation_preview {border: 4px solid #91140B; } .style5 .color img#variation_preview {border: 4px solid #008921; } .style6 .color img#variation_preview {border: 4px solid #962B3A; } .style7 .color img#variation_preview {border: 4px solid #91140B; } .style8 .color img#variation_preview {border: 4px solid #006699; } .style9 .color img#variation_preview {border: 4px solid #117294; } .style10 .color img#variation_preview {border: 4px solid #C0258F; } img#variation_preview {width: 205px !important;} .variation-chooser {position:relative;margin-top: 5px;height: 25px;line-height: 25px;} .variation-chooser .controls {height: 25px;} .variation-chooser .control-prev, .variation-chooser .control-next{cursor:pointer;height:16px;margin-right:3px;width:16px;float: left;margin-top:1px;} .variation-chooser .control-prev{background-position:0 0;margin-right: 0.5em;} .variation-chooser .control-prev:hover {background-position: 0 -16px;} .variation-chooser .control-next{background-position:0 -32px;margin-left: 0.5em;} .variation-chooser .control-next:hover {background-position: 0 -48px;} .variation-chooser .controls{position:absolute;left:5px;} .variation-chooser input.button:hover {color: #333 !important;} /* @end *//** IE6 is a hunk of crap!!! due to limitations in the CSS capabilities of IE, these hacks are required **/ #horiz-menu li.active-sfHover li a:hover {background:none;} #main-body, #maincol, #leftcol, #rightcol, #leftcol .padding, #rightcol .padding, #bottom, .module, .moduletable, .pathway-block, .variation-chooser, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, .maincontent-surround, .maincontent-surround .padding, #inset-block-left, #inset-block-right, #maincontent-block, #mainmodules .block, div.block.first, div.block.middle, div.block.last, .module div, .module div div, .module div div div, #frame, #bottommodules, #showcase, #horiz-menu-shadow, .slider1, .slider2, .slider3, .slider4, #moduleslide, #breadcrumbs, .article-extras, .header-spacer, #logo-bg-area, #logo-surround, .side-shadow-l, .side-shadow-r, .wrapper, #page-bg, .content-bottom, .content-bottom2, .content-bottom3, .side-mod, .side-mod2, .side-mod-bottom, .side-mod-bottom2, .side-mod-bottom3, h3.module-title, h3.module-title span, h3.module-title span.bg, h3.module-title span.bg2, .side-title-container, .side-shadow-l, .side-shadow-r, #main-content, .frontpage-item, .mainblock-mod, .mainblock-mod2, .mainblock-mod2 div, .mainblock-mod-bottom, .mainblock-mod-bottom2, .mainblock-mod-bottom3 {zoom: 1;} .variation-chooser .controls { position: relative; float: left; } #header-tools,#horiz-menu { zoom:1;} #top-divider {overflow:hidden;} #searchmod { width:290px;} #horiz-menu {position:relative;z-index:140;} #horiz-menu li a span { display:inline-block;} #horiz-menu ul ul {background-image: url(../images/main/horizmenu-dropdown-bg.gif)} #horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu li.active li a:hover, #horiz-menu li.active li a.sfHover, #horiz-menu li a.separator {background: #222} #horiz-menu ul ul li.sfHover, #horiz-menu ul ul li.active {background: #333;} .content-bottom, .content-bottom2, .content-bottom3, .side-mod-bottom, .side-mod-bottom2, .side-mod-bottom3, .mainblock-mod-bottom, .mainblock-mod-bottom2, .mainblock-mod-bottom3 {line-height:1px;font-size:1px;zoom:1;position:relative;height:6px;overflow:hidden;} #mainbody { width: 100%; position: relative;} .bottom-padding, #bottom-block, #footer-bar { zoom:1;} #footer-bar {height: 32px} #logo-bg-area {z-index:141;} #logo-surround {z-index:142;} h1.componentheading span.bg {padding: 5px 10px;} h1.componentheading span.bg2 {padding: 2px 0 2px 0;} .side-mod h3.module-title { padding-top: 3px;} .side-mod h3.module-title span.bg { padding: 2px 10px;} .side-mod h3.module-title span.bg2 {padding: 2px 0 2px 0;} .article-extras { overflow:hidden;} .readon-tab-block {float: right;} .readon-tab, .readon-tab2, .readon-tab3 {float: left;zoom:1;position:relative;} .rokfeature-image { position:relative;width:670px;overflow:hidden;} .rokfeature-tab-1, .rokfeature-tab-2, .rokfeature-tab-3 {height:95px;z-index:5;} .cols2 {width: 48.6%;float: left;} .cols3 {width: 32.3%;float: left;} /* ie6 warning */ #iewarn {background: #C6D3DA url(../images/error.png) 10px 20px no-repeat;position: relative;z-index: 1;opacity: 0;margin: -150px auto 0;font-size: 110%;color: #001D29;z-index: 8000;} #iewarn div {position: relative;border-top: 5px solid #95B8C9;border-bottom: 5px solid #95B8C9;padding: 10px 80px 10px 220px;} #iewarn h4 {color: #900;font-weight: bold;line-height: 120%;} #iewarn a {color: #296AC6;font-weight: bold;} #iewarn_close {background: url(../images/close.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 61px;height: 21px;top: 25px;right: 12px;} #iewarn_close.cHover {background: url(../images/close_hover.png) 50% 50% no-repeat;} /* end ie6 warning */ /* page peel overrides for demo site */ a.fliptip {display: block;z-index: 100000;position: relative;}/* font tweaking for optima/lucida font */ #ff-optima h1,#ff-optima h2,#ff-optima h3,#ff-optima h4,#ff-optima h5,#ff-optima h6, #ff-lucida h1,#ff-lucida h2,#ff-lucida h3,#ff-lucida h4,#ff-lucida h5,#ff-lucida h6 {letter-spacing: -0.07em;} body#ff-optima, body#ff-lucida {letter-spacing: -0.03em;} body#ff-georgia, body#ff-georgia.f-default {font-size: 12px;} .menu span {cursor:pointer;} #bottom-menu, #maincol, #leftcol, #rightcol, #bottom, .module, .moduletable, .variation-chooser {zoom: 1;} div.content-header, .side-mod h3.module-title span.bg, .side-shadow-r, .bottom-padding {zoom: 1;} .side-mod h3.module-title span.bg {padding-top: 0;} .readon-tab, .readon-tab2, .readon-tab3 { margin-top: 0px;} .readon-tab-block {margin-top: 1px;} .rokfeature-tab-1, .rokfeature-tab-2, .rokfeature-tab-3 {height:95px;z-index:5;} #searchmod .search {width: 283px;} #main-header {z-index: 50;} #logo-surround {z-index: 52; } #logo-bg-area {z-index: 51; } h1.componentheading span.bg {padding: 5px 10px;} h1.componentheading span.bg2 {padding: 2px 0 2px 0;}