/* === Page Content Block === */
.pageContent            {clear:both; width:980px; margin:0 auto;}
.pageContentLeft        {float:left; width:255px; margin-bottom:10px;}
.pageContentRight        {float:right; width:725px; margin-bottom:10px;}

/* === Pae Content Center === */
.pageContentCenter        {clear:both; padding-bottom:10px;}

/* === Right Top Image Rotator === */
.rightImageMask            {position:absolute; width:725px; height:368px; background:url("/images/maskIndexRotator.gif") top left no-repeat;}
.rotator                {}
.rotator ul                {list-style:none; padding:0; margin:0;}
.rotator ul li            {position:absolute; float:left; z-index:1;}


/* === Information Box === */
.infoBox                {clear:both; width:980px; margin:0 auto; padding-bottom:10px;}
.infoBoxStart            {width:980px; height:10px; background:url("/images/indexInfoBoxTop.gif") top left no-repeat;}
.infoBoxContent            {width:980px; background:url("/images/indexInfoBox.gif") top repeat-y;}
.infoBoxContent img        {padding:0 0 0 8px;}
.infoBoxContent p        {padding:2px 0 0 38px; margin:0; font-size:12px; color:#0066cc; }
.infoBoxContent    p span    {color:#E15A00;}
.infoBoxContent h2        {padding:2px 0 0 38px; margin:0; font-size:16px; color:#0066cc; font-weight:bold;}
.infoBoxContent    h2 span    {color:#E15A00;}
.infoBoxHidden            {clear:both; display:none;}
.infoBoxHidden p        {padding:0 10px;}
.infoBoxEnd                {width:980px; height:10px; background:url("/images/indexInfoBoxEnd.gif") top left no-repeat;}

/* === Ship Box === */
.shipBox            {float:left; width:230px; padding:0 20px 20px 0;}
.shipBoxLast        {float:left; width:230px; padding-bottom:20px;}
.shipBoxMask        {position:absolute; width:230px; height:142px; background:url("/images/maskIndexShip.gif") top no-repeat;}
.shipBoxButton        {}
.shipBoxContent        {width:230px; height:145px; background:url("/images/bgIndexShip.gif") top repeat-y;}
.shipBoxContent h2    {padding:10px; margin:0; font-size:18px; color:#0066cc;}
.shipBoxContent h3    {padding:10px; margin:0; font-size:18px; color:#0066cc;}
.shipBoxContent p    {padding:0 10px; margin:0; font-size:12px; color:#0066cc; font-weight:bold;}
.shipBoxPrice        {width:230px; height:35px; background:url("/images/bgIndexShip.gif") top repeat-y;}
.shipBoxPrice p        {padding:0 0 0 15px; margin:0; font-size:18px; color:#0066cc; font-weight:bold;}
.shipBoxTypeLeft    {float:left; height:15px; margin:10px 0 0 10px; background:url("/images/boxBlueLeft.gif") top left no-repeat;}
.shipBoxTypeLeft p    {padding:1px 0 0 5px; margin:0; font-size:10px; color:#fff; text-transform:uppercase;}
.shipBoxTypeRight    {float:left; width:5px; height:15px; margin-top:10px; background:url("/images/boxBlueRight.gif") top left no-repeat;}

/* === Ship Box List === */
.shipBoxTitle            {}
.shipBoxTitle h2        {padding:0 0 10px 20px; margin:0; font-size:20px; color:#0066cc;}
.shipBoxTitle h3        {padding:0 0 10px 20px; margin:0; font-size:20px; color:#0066cc;}
.shipBoxList            {padding:0 0 0 10px; margin:0;}
.shipBoxList li            {list-style-type:none}
.shipBoxList li a        {padding:0 0 5px 15px; width:210px; display:block; color:#999; font-size:12px; text-decoration:none; font-weight:bold; background:url(/images/indexBullet.gif) no-repeat;}
.shipBoxList li a:hover {color:#0066cc;}

div.ui-datepicker{
font-size:12px;
font-family: Tahoma, Verdana;
}
#ui-datepicker-div {
z-index: 9999 !important;
display: none;
}




/* === Info Box Small === */
.rightInfoBox h2            {padding: 15px 0 15px 15px; margin: 0; font-size: 20px; color: #0058af;}
.rightInfoBox p                {padding: 0 170px 20px 15px; margin: 0; font-size: 12px; color: #0064c8; line-height: 18px;}
.rightInfoBox2 p                {padding: 62px 15px 0; margin: 0; font-size: 12px; color: #0064c8; line-height: 18px;}
.rightInfoBox2 p a          {text-decoration:underline; color:#0064c8; }
.rightInfoBox .buttonBig2    {margin-left: 15px;}
.rightInfoBox1                {float: left; width:480px; height:173px; background:url("/images/indexBox1.png") top no-repeat;}
.rightInfoBox2                {float: left; margin-top: 25px; width:480px; height:173px; background:url("/images/meinschiff.png") top no-repeat;}
.rightInfoBox3                {float: left; width:480px; height:373px; background:url("/images/indexBox3.png") top no-repeat;}
.rightInfoBox3 h2            {padding: 10px 0 5px 15px; margin: 0; font-size: 20px; color: #0058af; column-span: all;}
.rightInfoBox3 p            {padding: 0 15px; margin: 0; font-size: 12px; color: #0064c8; line-height: 18px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px;}
.rightInfoBox3 p a          {text-decoration:underline; color:#0064c8; }

/* === Center Info Box === */
.centerInfo                {float: left; width: 313px; padding:0 20px 20px 0;}
.centerInfoLast            {padding:0 0 20px 0;}
.centerInfoMask            {position:absolute; width:313px; height:101px; background:url("/images/indexCenterMask.png") top no-repeat;}
.centerInfoText            {width:313px; height:166px; background:url("/images/indexCenter.png") top no-repeat;}
.centerInfoText h2        {padding: 10px 0 10px 10px; margin: 0; font-size: 20px; color: #0066cc;}
.centerInfoText p        {padding: 0 10px; margin: 0; font-size: 12px; color: #666666; line-height: 18px;}
.centerInfoText p a      {text-decoration:underline; color:#4c4c4c; }
.centerInfoText p a:hover      {text-decoration:underline; color:#444444; }

/* === Trusted Shops === */
.voteBox                {float: right; padding-bottom: 20px;}

/* === Banners Slider === */
.infoBox                        {width:980px; margin:0 auto; padding:0 0 20px 0;}
.infoBoxStart                    {width:980px; height:10px; background:url("/images/indexInfoBoxTop.gif") top left no-repeat;}
.infoBoxContent                    {width:980px; background:url("/images/indexInfoBox.gif") top repeat-y;}
.infoBoxEnd                        {width:980px; height:10px; background:url("/images/indexInfoBoxEnd.gif") top left no-repeat;}
.infoBoxLeft                    {float: left;}
.infoBoxLeft h2                    {padding: 0 0 0 15px; margin: 0; font-size: 20px; color: #0066cc;}
.infoBoxRight                    {float: right;}
.infoBoxRight p                    {padding: 0 15px 0 0; margin: 0; font-size: 12px; color: #0066cc; font-weight: normal;}
.infoBoxRight p a                {text-decoration: underline; color: #0066cc;}
#bannerSlider                    {display:none;}
.nbs-flexisel-container            {position:relative; max-width:100%;}
.nbs-flexisel-ul                {position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center;}
.nbs-flexisel-inner                {overflow:hidden; position:relative; float:left; width:950px; margin-left: 15px;}
.nbs-flexisel-item                {float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}
.nbs-flexisel-item img            {width: 100%; cursor: pointer; position: relative; margin:10px 0; padding: 0 0 0 3px; max-width:100px; max-height:45px;}
.nbs-flexisel-item img            {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .5s ease;}
.nbs-flexisel-item img:hover    {filter: none; -webkit-filter: grayscale(0);}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right            {width: 16px; height: 25px; position: absolute; cursor: pointer; z-index: 100; border: 1px solid #fff;}
.nbs-flexisel-nav-left            {left: 0px; background: url(/images/button-previous.png) center no-repeat;}
.nbs-flexisel-nav-right            {right: 0px; background: url(/images/button-next.png) center no-repeat;}

/* === Bottom Text Box === */
.bottomText                {background-color: #c4dcf3; width: 980px;}
.bottomText p            {padding: 10px; margin: 0; font-size: 12px; color: #0064c8; line-height: 17px; }
.bottomText h3            {padding: 10px; margin: 0; font-size: 14px; color: #0064c8; font-weight:bold; line-height: 17px; }


.newsList                    {float: left; padding-bottom: 20px;}
.newsListTop                {width:770px; height:10px; background:url("/images/bgWhiteMedTop.gif") top no-repeat;}
.newsListEnd                {width:770px; height:10px; background:url("/images/bgWhiteMedEnd.gif") top no-repeat;}
.newsListContent            {width:770px;  background:url("/images/bgWhiteMed.gif") top repeat-y;}
.newsListLeft                {float: left; padding: 0 0 0 15px;}
.newsListLeft a               {text-decoration:none;}

.newsListLeft h2            {padding: 0; margin: 0; font-size: 20px; color: #0066cc;}
.newsListRight                {float: right; padding: 0 15px 0 0;}
.newsListRight p            {padding: 0; margin: 0; font-size: 12px; color: #0066cc;}
.newsListRight h3 {color:#0066cc; font-size:16px; font-weight:bold;}

.newsListRight p a            {text-decoration: underline; color: #0066cc;}
.newsListContent dl            {padding: 10px 15px 5px 15px; font-size: 12px; color: #666; line-height: 16px;}
.newsListContent dl dt        {float: left; padding-right: 10px;}
.newsListContent dl a        {color: #666; text-decoration: none;}
.newsListContent dl a:hover    {color: #0066cc;}

.newsListRight ul            { font-size: 12px; color: #0066cc;}
.newsListRight li            { font-size: 12px; color: #0066cc;}