@charset "utf-8";
body { background-image: url(../images/brownbg.jpg); background-repeat: repeat; margin: 0px; }

div.clear { clear: both; }

/* HEADER */
#HeaderContainer { background:url(../images/topbg.jpg) repeat-x; height: 372px; width: 100%; }
#HeaderContainerInner { background:url(../images/topbg2.jpg) no-repeat top center; height: 350px; padding-top: 22px; width: 100%; }
#Header { margin: 0px auto; width: 900px; }

/* CONTENT */
#Content { background: url(../images/cnt_bg.png) repeat-y center; margin: 0px auto; width: 900px; }
#ContentLeft { float: left; margin: 0px 0px 0px 50px; width: 197px; }
#ContentRight { color: #333333; float: right; font: 13px/21px Arial; margin: 0px 70px 0px 0px; text-align: justify; width: 563px; }
#ContentRight h1 { color: #c2832a; font: bold 24px Arial; margin: 30px 0px 20px 0px; text-transform: uppercase; }
#ContentRight h2 { color: #c2832a; font: bold 20px Arial; margin: 30px 0px 0px 0px; text-transform: uppercase; }
#ContentRight h3 { color: #c2832a; font: bold 14px Arial; margin: 14px 0px 0px 0px; text-transform: uppercase; }
#ContentRight a { color: #c2832a; text-decoration: none; }
#ContentRight a:hover { text-decoration: underline; }

/* MENU */
#Menu { padding: 25px 0px 0px 0px; }
#Menu ul { margin: 0px 0px 0px 0px; padding: 0px; }
#Menu li.Mainmenu { display: block; list-style: none; font: bold 16px Tahoma; padding: 10px 20px 10px 0px; text-align: right; text-transform: uppercase; }
#Menu a { color: #000000; text-decoration: none; }
#Menu a:hover { color: #c2832a; }
#Menu li.Submenu { list-style: none; font: 16px/22px Arial; height: 22px; padding: 0px 20px 0px 0px; text-align: right; }
#Menu li.Divider { background: url(../images/menu_divider.png) no-repeat center; height: 2px; list-style: none; }


/* NEWS */
.NewsLeft { float: left; margin: 40px 0px 0px 0px; width: 90px; }
.NewsRight { float: left; width: 460px; }
.NewsRight p { margin: 5px 0px 0px 0px; }
.NewsRight a { color: #c2832a; text-decoration: none; }
.NewsRight a:hover { text-decoration: underline; }


div.BrandBox { background-color: #ffffff; border: solid 1px #e5e1d9; height: 93px; margin: 10px 0px 10px 18px; width: 158px; }
.logo_opticnet { background: url(../images/logo_opticnet.png) no-repeat center; }
.logo_zeiss { background: url(../images/logo_zeiss.png) no-repeat center; }
.logo_hoya { background: url(../images/logo_hoya.png) no-repeat center; }
.logo_polaroid { background: url(../images/logo_polaroid.png) no-repeat center; }
.logo_lyoness { background: url(../images/logo_lyoness.png) no-repeat center; }

#Footer { background: url(../images/bottom.png) no-repeat top center; color: #e5e1d9; font: 12px Arial; margin: 0px auto 40px auto; padding: 15px 100px 0px 0px; text-align: right; width: 900px; }
.FooterLeft { float: left; margin-left: 100px; }
.FooterLeft a { color: #e5e1d9; text-decoration: none; }
.FooterRight { float: right; }

.decor { margin: 5px 0px 0px 0px; }
.ImageContainer { background-color: #f6f4f0; margin: 5px 0px 0px 0px; }
.ImageOuter { background-color: #ffffff; border: solid 1px #d5d3d0; float: left; height: 132px; margin: 10px 10px 10px 10px; width: 162px; }
.ImageInner { height: 124px; margin: 4px; overflow: hidden; width: 154px; }

#Search { float: right; padding: 0px; margin: 21px 0px 0px 0px; height: 26px; width: 169px; }
#Search form { margin: 0px; padding: 0px; }
#Search input[type=text] { background: url(../images/search_1.jpg) no-repeat left center; border: none; font: 10px Arial; height: 26px; width: 120px; }
#Search input[type=submit] { margin: 0px; padding: 0px; }

div.back a, a.search { color: #c2832a; text-decoration: none; }
div.back a:hover, a.search:hover { text-decoration: underline; }