﻿* { margin: 0; padding: 0; border: 0 }

HTML, BODY, FORM { background: url(../Images/Cover-bg.gif) repeat -3px -7px; margin:  0 0 0 0; height: 100%; font-family: Tahoma, Helvetica, sans-serif; font-size: 10px }
BODY, FORM { min-height: 100%; height: 100 }

#cover-outer{min-width: 1084px; padding-top: 12px;}
#cover-outer .cover-left-light{ width: 102px; height: 699px; background: url(../Images/Cover-left-ligth.png) no-repeat; float: left; margin: -12px 0 0 -23px;position: relative; }
#cover-outer .cover-light-right{ width: 223px; height: 675px; /*background: url(../Images/cover-light-right.png) no-repeat;*/ float: right; }
#cover-outer .cover-logo{ float: left; margin: 35px 0 0 -70px; position: relative;}
#cover-outer .cover-logo a{text-decoration: none}
#cover-outer .cover-logo img{vertical-align: top}
#cover-outer .cover-rigth-line{ float: right; background: url(../Images/cover-rigth-line.png) no-repeat; width: 12px; height: 676px; margin-right: -12px; }
#cover-outer .cover-open-arrow{ float: right; background: url(../Images/Open-arrow.png) no-repeat; z-index:666;position: relative; width: 208px; height: 239px; margin: 90px -365px 0 0; }
#cover-outer .cover-open-arrow A{ text-decoration: none;font-family: Trebuchet MS; font-size: 20px; font-weight: bold; color: #000; line-height: 22px; letter-spacing: -1px;}
#cover-outer .cover-open-arrow DIV{ margin: 100px 0 0 28px;}
#cover-outer .cover-open-arrow EM{font-size: 29px; font-weight: bold; font-style:normal}

.cover-barcode-today{float: right; margin: 70px -200px 0 0}
.cover-barcode-today .cover-today { color: #fff; float: left; display:none }
.cover-barcode-today .cover-today EM { font-size: 10px; text-transform: uppercase; font-style: normal; margin: 0 3px 0 0; font-family: Tahoma; }
.cover-barcode-today .cover-today BIG { font: Arial; font-size: 18px; font-weight: bold }
.cover-barcode-today .cover-today SPAN { font: Arial; font-size: 12px; text-transform: uppercase; font-weight: bold }
.cover-barcode-today .cover-today .barcode-holder{ width: 173px; height: 49px; background: url(../Images/cover-barcode.jpg) no-repeat; margin-top: 6px; }

.main-container{margin: 0 auto;width: 669px; }

#cover-main{ height: 675px; padding: 0;}
#cover-main .cover-bg-holder{ border-bottom: 1px solid #7b2b2b;}
#cover-main .cover-bg { width: 669px; height: 675px;  padding: 0; border-bottom: 1px solid #616161; border-right: 1px solid #616161; }
#cover-main .png,#cover-main .PNG{background: url(../Files/Images/Cover/Cover.png) no-repeat;}
#cover-main .jpg,#cover-main .JPG{background: url(../Files/Images/Cover/Cover.jpg) no-repeat;}
#cover-main .gif,#cover-main .GIF{background: url(../Files/Images/Cover/Cover.gif) no-repeat;}
#cover-main .cover-top{background: url(../Images/Cover-top.png) no-repeat; width: 669px; height: 32px; }

#cover-footer{ width: 685px; height: 50px; padding: 0; background: url(../Images/cover-footer-bg.png) no-repeat; margin-left: -10px; }
#cover-footer .cover-footer-logo{ margin-left: 50px; float: left;}
#cover-footer #copyrights{ height: 40px; margin-left: 10px; padding: 10px 0 0 0;}
#cover-footer #richbrains{ padding: 0; }

#cover-items{ margin: 280px 0 0 2px; float: left; position: absolute; width: 666px; }

#cover-items .photos .photos-title,#cover-items .events .events-title,#cover-items .news .news-title,#cover-items .articles .articles-title{ width: 24px; height:69px;background: url(../Images/cover-news-image.jpg) no-repeat; float: left;}
#cover-items .photos .photos-header,#cover-items .events .events-header,#cover-items .news .news-header,#cover-items .articles .articles-header{background: url(../Images/cover-news-bg.png) repeat-y;width: 226px; height:69px;float: left; padding: 0 15px 0 14px;}
#cover-items .photos .date,#cover-items .events .date,#cover-items .news .date,#cover-items .articles .date{ background-color: #ff6b00; color: #ffffd7; font-family: Tahoma; font-size: 10px; text-transform:uppercase; padding: 2px 4px 2px 5px; float: left; margin: 6px 0 0 -25px;}

#cover-items .photos .photos-header A,#cover-items .events .events-header A,#cover-items .news .news-header A,#cover-items .articles .articles-header A{ color:#fff; font-family: Georgia; font-size: 27px;line-height: 22px; letter-spacing: 1px; font-weight:normal; text-decoration: none;}

.news-items{ float: left;width:334px;}

#cover-items  .news{ margin-left: 1px;}

#cover-items .spacer{ float: left; width: 100%; clear: both; height: 21px;}

#cover-items .articles .articles-title{background: url(../Images/cover-articles-image.jpg) no-repeat;}
#cover-items .articles .articles-header{background: url(../Images/cover-articles-bg.png) repeat-y;}

#cover-items .events .events-title{background: url(../Images/cover-events-image.jpg) no-repeat;}
#cover-items .events .events-header{background: url(../Images/cover-events-bg.png) repeat-y;}

#cover-items .photos .photos-title{background: url(../Images/cover-photo-image.jpg) no-repeat;}
#cover-items .photos .photos-header{background: url(../Images/cover-photos-bg.png) repeat-y;}


#cover-products{ width: 332px; height: 339px; float: left; margin-top: 50px;}

#cover-products .first-prodct,#cover-products .second-prodct{ float: left;}
#cover-products .products-top{float: left; margin: 10px 0 0 40px;}


.product-item .image-holder{height: 160px; width: 126px; }
.product-item .image-holder IMG{ border-top: 3px solid #ffcf33; border-bottom: 3px solid #ffcf33;height: 154px; width: 117px; float: left;}
.product-item .image-holder .left-border{background: url(../Images/cover-product-left-border.png) no-repeat; float: left; width: 3px; height: 160px; margin-right: -1px;}
.product-item .image-holder .right-border{background: url(../Images/cover-product-right-border.png) no-repeat; float: left;width: 5px; height: 160px;}

.products-bottom{ margin: -70px 0 0 13px; float: left;}
.products-bottom .third-prodct .product-item{float: left; width: 100%;}

.products-bottom .third-right, .products-bottom .third-left{ float: left; width: 90px; margin-right: -1px; position: relative; margin-top: 20px;}
.products-bottom .third-right .price, .products-bottom .third-left .price{ letter-spacing: -1px; background: #ffa500; color: #ffffd7; font-family: Trebuchet MS; font-size: 24px; float:  right; padding: 0 3px;}
.products-bottom .third-right .price EM, .products-bottom .third-left .price EM{ font-size: 15px; font-style: normal; display: block; float: right;}
.products-bottom .third-right .price STRONG, .products-bottom .third-left .price STRONG{ font-weight: normal; display: block; float: right;}
.products-bottom .third-right .product-name, .products-bottom .third-left .product-name{ background-color: #834236; color: #ffffd7; font-family: Trebuchet MS; font-size: 11px; font-weight: bolder; float: right; padding-left: 3px;}
.products-bottom .third-right .product-shop, .products-bottom .third-left .product-shop{ background-color: #ffffff; color: #742b1d; font-family: Trebuchet MS; font-size: 11px; font-weight: bolder; float: right; padding: 2px 4px;}

.products-bottom .third-center{ float: left; width: 125px;}
.products-bottom .third-right{ float: left; width: 90px;}

.products-bottom .third-right{ float: left; margin-left: -2px;}
.products-bottom .third-right .price{ float: left}
.products-bottom .third-right .price EM{ float: left}
.products-bottom .third-right .price STRONG{ float: left}
.products-bottom .third-right .product-name{ float: left}
.products-bottom .third-right .product-shop{ float: left}

.third-center .third-info{ float: left; width: 100%; text-align: center; margin-top: -40px;}
.third-center .third-info .price{letter-spacing: -1px; background: #ffa500; color: #ffffd7; font-family: Trebuchet MS; font-size: 24px; float: right; padding: 0 3px; margin: 0 30px 0 0; }
.third-center .third-info .price EM {font-size: 15px; font-style: normal; display: block; float: right;}
.third-center .third-info .price SPAN { font-weight: normal; display: block; float: right;}
.third-center .third-info STRONG{background-color: #834236; color: #ffffd7; font-family: Trebuchet MS; font-size: 11px; padding: 0 2px;}
.third-center .third-info DEL{ background-color: #ffffff; color: #742b1d; font-family: Trebuchet MS; font-size: 11px; font-weight: bolder; text-decoration: none; padding: 0 3px;}

#cover-products .cover-count{ width: 104px; height: 105px; background: url(../Images/cover-count-input.png) no-repeat; float: right; margin: -193px 113px 0 0; text-align: center; font-family: Trebuchet MS; font-size:16px; font-weight: bold; color: #fff; line-height: 20px; padding-top: 35px; }
#cover-products .cover-count STRONG{ font-size: 42px; color: #ffffd7; letter-spacing: -3px }


#links{ margin:0 0 0 10px; position: relative}
#links a {color: #1e003f;}
