element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 207px;
height: 95px;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
.imgb {
border:1px solid #ececec;
}
.toolTip {
padding:7px;
line-height:16px;
}
.demo {
cursor: pointer;
}
/* Prototip.Styles */
.prototip {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
}
/* the default style */
.prototip .default {
width: 250px;
color: #808080;
}
.prototip .default .toolbar {
background: #ececec;
font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
padding: 5px;
background: #fff;
}
/* basic */
.prototip .basic {
width: 250px;
color: #808080;
}
.prototip .basic .toolbar {
background: #f1f1f1;
font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
padding: 5px;
background: #fff;
}
/* basic */
.prototip .hint {
width: 250px;
color: #313120;
background: #fff6aa;
}
.prototip .hint .toolbar {
background: #fdf1a0;
font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }
/* protoblue */
.prototip .protoblue {
width: 250px;
color: #fff;
}
.prototip .protoblue .toolbar {
background: #0d7cd0;
font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
background: #1e90ff;
padding: 5px;
}
/* creamy */
.prototip .creamy {
width: 250px;
color: #bb9c61;
}
.prototip .creamy .toolbar {
background: #f3edc2;
font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
background: #f8f4ca;
padding: 5px;
}
/* darkgrey */
.prototip .darkgrey {
width: 250px;
color: #fff;
}
.prototip .darkgrey .toolbar {
background: #5f5f5f;
font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
background: #808080;
padding: 5px;
}
/* protogrey */
.prototip .protogrey {
width: 250px;
color: #fff;
background: #fff;
}
.prototip .protogrey .toolbar {
background: #969c92;
font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
color: #808080;
padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
width: 14px;
height: 14px;
}
/* loader gif */
.prototipLoader {
position: absolute;
top: -1000px;
left: -1000px;
height: 14px;
width: 14px;
border: 1px solid #dddddd;
overflow: hidden;
}
/* Required for all tooltips.
Do not modify below this line! */
.prototip {
position: absolute;
overflow: hidden;
}
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title { position: relative; }
.prototip .content { clear: both; }
.prototip .toolbar .close {
position: relative;
text-decoration: none;
float: right;
width: 19px;
height: 15px;
display: block;
line-height: 0;
font-size: 0px;
border: 0;
cursor: pointer;
}
.prototip .tooltip {
clear: both;
float: left; /* IE6 */
}
.prototip .borderLeftWrapper,
.prototip .borderRightWrapper {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 20px;
}
.prototip .borderFrame {
height: 100%;
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.prototip .borderTop,
.prototip .borderBottom { overflow: hidden; } /* IE6 no radius */
.prototip .borderRow {
list-style-type: none;
float: left;
width: 100%;
position: relative;
clear: both;
margin: 0;
padding: 0;
}
.prototip_CornerWrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
clear: both;
}
.prototip_Corner {
float: left;
position: relative;
}
.prototip canvas {
position: relative;
float: left;
}
.prototip_CornerTr,
.prototip_CornerBr { float: right; }
.prototip_BetweenCorners {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
clear: both;
}
.prototip .borderMiddle {
position: relative;
float: left;
}
.prototip .borderCenter {
position: relative;
float: left;
height: 100%;
}
/* Stems */
.prototip_StemWrapper {
position: relative;
width: 100%;
height: auto;
clear: both;
}
.prototip_StemBox {
float: left;
position: relative;
}
.prototip_Stem {
width: 100%;
position: absolute;
overflow: hidden;
}
.iframeShim {
position: absolute;
border: 0;
margin: 0;
padding: 0;
background: none;
}
/* Helpers */
.prototip .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.prototip .clearfix { display:inline-block; }
/* IE Mac Hide \*/
.prototip .clearfix { display:block; }
/* IE Mac Hide End */
.slide {
color:#ffffff;
font-size:15px;
line-height:19px;
}
.slide h1 {
color:#ffffff;
font-size:24px;
line-height:25px;
margin-top:0px;
margin-bottom:14px;
}
.slide p {
margin-top:0px;
margin-bottom:12px;
}
.slide .text {
width:332px;
height:233px;
overflow:hidden;
}
.slide .text p {
height:115px;
overflow:hidden;
}
.slide .text .pad {
padding:20px; /* must be same */
}
.slide .image {
width:379px;
height:219px;
text-align:center;
overflow:hidden;
padding-top:14px;
}
.tagline {
width:530px;
height:43px;
color:#0c9e92;
font-size:15px;
overflow:hidden;
}
.tagline .pad {
padding-top:12px;
padding-left:20px; /* must be same */
}
.slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {
width:704px; /* */
height:276px;
}
#breadcrumbs {
font-size:10px; line-height:14px; color:#828282;
}
#breadcrumbs ul {
list-style-image: url(images/breadcrumb-arrow.gif);
margin-top:0px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding:0px;
}
#breadcrumbs li {
margin:0px;
padding:0px;
display: inline;
border: none;
}
#breadcrumbs li
{
background-image: url(images/breadcrumb-arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 0.6em;
margin: 0 0 0 0;
}
#breadcrumbs a:link {
color:#e37a0b; text-decoration:none;
}
#breadcrumbs a:visited {
color:#e37a0b; text-decoration:none;
}
#breadcrumbs a:hover {
color:#e37a0b; text-decoration:underline;
}
.pagination-top {
border-top:1px solid #e57b0d;
border-bottom:1px solid #e57b0d;
padding-top:7px;
padding-bottom:8px;
margin-bottom:0px;
margin-top:8px;
}
.pagination-tp {
border-bottom:1px solid #dbdbdb;
padding-bottom:10px;
}
.pagination-btm {
border-top:1px solid #dbdbdb;
padding-top:10px;
margin-top:8px;
margin-bottom:8px;
}
.pagination-bottom {
border-top:0px solid #dbdbdb;
padding-top:8px;
padding-bottom:0px;
margin-bottom:0px;
}
.pagination-top select {
color:#565656;
}
.pagination-bottom select {
color:#565656;
}
.paginations a:link {
color:#de8300; text-decoration:none;
}
.paginations a:visited {
color:#de8300; text-decoration:none;
}
.paginations a:hover {
color:#de8300; text-decoration:underline;
}
h1 {
color:#0b9d91;
font-size:23px;
font-family:Arial, Helvetica, Sans-Serif;
letter-spacing: -.02em;
margin-top:6px;
margin-bottom:14px;
font-weight:normal;
}
.promotional h1 {
color:#0B9D90;
font-size:12px;
font-style:italic;
font-weight:bold;
letter-spacing:0.05em;
margin-bottom:0;
margin-top:0;
}
* html h1 { letter-spacing: -1px; }
h2 {
color:#0b9d90;
margin-top:16px;
margin-bottom:8px;
font-size:18px;
font-weight:normal;
}
h3 {
color:#e37a0b;
line-height:19px;
font-size:14px;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:9996;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=55);
-moz-opacity: 0.55;
opacity: 0.55;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 9998;
color:#2c2c2c;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
color:#ffffff;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
font-weight:bold;
color:#ffffff;
}
#TB_title{
background-color:#14a699;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:9999;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}