* { padding:0; margin:0;font-family: "Lucida Grande", Arial, Helvetica, sans-serif; list-style:none; border:none; font-size:12px;} a {overflow:hidden;} .left {float:left;} .right {float:right;} .clear {clear:both;} body { background: #ECE8E3 url(../i/bg.jpg) top center repeat;} #wrapper { width:940px; margin:0 auto; position:relative;} #header { width:940px; height:133px; position: relative;} #billboard { width:940px; height:313px; position:relative; background:url(../i/bg-billboard.gif) no-repeat;} #body {min-height:328px;} #footer { width: 100%; height:210px; background: url(../i/footer-bg.gif) top center repeat; margin-top:15px;} #footerwrap {width:940px; height:210px; margin:0 auto;overflow:hidden;} p {margin:10px 0; font-size:13px; color:#000;} a {color:#02b2d9;} a:hover {text-decoration:none;} h3 { font-size:22px; color:#02b2d9; font-weight:bold;} .detail h3 {margin-left:25px; padding:0;} /* HEADER */ h1#logo {position:absolute; top:16px; left:19px;} h1#logo a {display:block; width:124px; height:99px; background:url(../i/h1-logo.gif) no-repeat; text-indent:-9999px;} #header blockquote {background:url(../i/bg-blockquote.gif) no-repeat; width:306px; height:69px; text-indent:-9999px; position:absolute; top:46px; right:9px;} #content {overflow:hidden; position:relative; padding:20px 0 0 20px; min-height:280px;} #leftcol > p {margin-top:0;} #leftcol, #rightcol { padding-top:15px;} #leftcol, #social { width:454px; float:left; margin-left:16px;} #rightcol, #community { width:454px; float:right; margin-right:16px;} #rightcol { padding-left:14px; width:440px;} #rightcol dl {} #rightcol dt, #rightcol dd {background:#fff; padding:5px 0 5px 5px;} #rightcol dt {margin:10px 0 0px 0;} #rightcol dt, #rightcol dt a { font-size:12px; color:#d94800; text-decoration:none;} #rightcol dt a:hover {text-decoration:underline;} #rightcol dd { font-size:12px; color:#231f20;} /* NAVIGATION */ ul#nav {position:absolute; top:65px; left:16px; z-index:2; width:210px; height:192px;} #nav li a {display:block; text-indent:-9999px;} #nav li a#nav-home { width:68px; height:27px; background:url(../i/bg-nav.gif) 0 0 no-repeat;} #nav li a#nav-products { width:111px; height:28px; background:url(../i/bg-nav.gif) 0 -27px no-repeat;} #nav li a#nav-newsevents { width:165px; height:29px; background:url(../i/bg-nav.gif) 0 -55px no-repeat;} #nav li a#nav-secondhandsales { width:210px; height:28px; background:url(../i/bg-nav.gif) 0 -84px no-repeat;} #nav li a#nav-guidetoleb { width:197px; height:25px; background:url(../i/bg-nav.gif) 0 -112px no-repeat;} #nav li a#nav-gallery { width:92px; height:30px; background:url(../i/bg-nav.gif) 0 -137px no-repeat;} #nav li a#nav-contactus { width:124px; height:25px; background:url(../i/bg-nav.gif) 0 -167px no-repeat;} #nav li a#nav-home:hover { background:url(../i/bg-nav.gif) -210px 0 no-repeat;} #nav li a#nav-products:hover {background:url(../i/bg-nav.gif) -210px -27px no-repeat;} #nav li a#nav-newsevents:hover {background:url(../i/bg-nav.gif) -210px -55px no-repeat;} #nav li a#nav-secondhandsales:hover {background:url(../i/bg-nav.gif) -210px -84px no-repeat;} #nav li a#nav-guidetoleb:hover {background:url(../i/bg-nav.gif) -210px -112px no-repeat;} #nav li a#nav-gallery:hover {background:url(../i/bg-nav.gif) -210px -137px no-repeat;} #nav li a#nav-contactus:hover {background:url(../i/bg-nav.gif) -210px -167px no-repeat;} #nav .selected a#nav-home { background:url(../i/bg-nav.gif) -210px 0 no-repeat;} #nav .selected a#nav-products { background:url(../i/bg-nav.gif) -210px -27px no-repeat;} #nav .selected a#nav-newsevents { background:url(../i/bg-nav.gif) -210px -55px no-repeat;} #nav .selected a#nav-secondhandsales { background:url(../i/bg-nav.gif) -210px -84px no-repeat;} #nav .selected a#nav-guidetoleb { background:url(../i/bg-nav.gif) -210px -112px no-repeat;} #nav .selected a#nav-gallery { background:url(../i/bg-nav.gif) -210px -137px no-repeat;} #nav .selected a#nav-contactus { background:url(../i/bg-nav.gif) -210px -167px no-repeat;} img#visual { width:907px; height:279px; position:absolute; top:17px; left:17px; z-index:1;} h2 {margin:15px 0;} /* HOME PAGE */ #h2-ourbrands { background:url(../i/h2-ourbrands.gif) no-repeat; width:145px; height:26px; text-indent:-9999px;} #h2-newsevents { background:url(../i/h2-newsevents.gif) no-repeat; width:172px; height:26px; text-indent:-9999px; margin-top:0;} #brandcarousel { } #brandcarousel li { display:inline;height:74px; line-height:74px; } #brandcarousel li a { display:block; float:left;margin-right:23px;} #homepage #content { padding:0;} .carousel #content { padding:0;} #friends {width:414px; padding:30px 20px; background:#fff; overflow:hidden; margin:40px 0 0 0;} #friends li {display:inline; float:left;} .spreadit { margin:0 17px;} /* PRODUCTS PAGE */ .detail p { margin-left:30px;} #h2-products { position:absolute; top:438px; left:50px; background:url(../i/h2-products.png) no-repeat; width:144px; height:34px; text-indent:-9999px; margin:0;} .visual { width:410px; float:left; } .detail { width:416px; float:right; } img.productlogo { float:right; margin:0 13px 13px 13px; } /* GUIDE TO LEBANON PAGE */ .detail p { margin-left:30px;} #h2-guidetolebanon { position:absolute; top:438px; left:50px; background:url(../i/h2-guidetolebanon.gif) no-repeat; width:209px; height:35px; text-indent:-9999px; margin:0;} /* HEADERS */ #h2-secondhandsales { position:absolute; top:438px; left:50px; background:url(../i/h2-secondhandsales.png) no-repeat; width:205px; height:34px; text-indent:-9999px; margin:0;} #h2-newsandevents { position:absolute; top:438px; left:50px; background:url(../i/h2-newsevents.png) no-repeat; width:209px; height:35px; text-indent:-9999px; margin:0;} #h2-gallery { position:absolute; top:438px; left:50px; background:url(../i/h2-gallery.png) no-repeat; width:209px; height:35px; text-indent:-9999px; margin:0;} #h2-contactus { position:absolute; top:438px; left:50px; background:url(../i/h2-contactus.png) no-repeat; width:209px; height:35px; text-indent:-9999px; margin:0;} /* FOOTER */ #footer a { font-size:10px; color:#045f74; text-decoration:none; background:#fff;} #footer a:hover {color:#fff; background:#02b2d9;} #footer p { font-size:10px; color:#333333; position:absolute; bottom:15px; left:15px; width: 439px; } #social, #community {position:relative; height:210px;} #community { padding-left:14px; width:440px;} #social h2 { background:url(../i/h2-social.gif) no-repeat; width:311px; height:26px; text-indent:-9999px;} #community h2 { background:url(../i/h2-community.gif) no-repeat; width:227px; height:26px; text-indent:-9999px;} #social ul, #community ul { overflow:hidden;} #social ul li, #community ul li { display:inline;} #social ul a, #community ul a { display:block; float:left; margin-right:39px;} #community ul a {margin-right:26px;} #flickr a, #flickr a:hover { background:url(../i/logo-flickr.gif) no-repeat; width:99px; height:72px; text-indent:-9999px;} #youtube a, #youtube a:hover { background:url(../i/logo-youtube.gif) no-repeat; width:102px; height:71px; text-indent:-9999px;} #facebook a, #facebook a:hover { background:url(../i/logo-facebook.gif) no-repeat; width:134px; height:77px; text-indent:-9999px;} #ldonline a { background:url(../i/logo-ldonline.gif) left center no-repeat; width:96px; height:51px; text-indent:-9999px;} #royalinstitute a { background:url(../i/logo-deaf.gif) left center no-repeat; width:144px; height:51px; text-indent:-9999px;} #lebredcross a { background:url(../i/logo-lebredcross.gif) no-repeat; width:120px; height:51px; text-indent:-9999px;} h3.newsheading { font-size:16px; color:#02b2d9; font-weight:bold; margin:15px 0;} ul.downloads {margin:5px 0;} a.pdf { padding:0 0 0 22px; background:url(../i/icon-pdf.gif) left center no-repeat; color:#d94800;} #homepage a.pdf { color:#02b2d9;} img.promo {margin:15px 15px 0 15px;} a.more {color:#d94800; padding-left:14px; background: url(../i/bullet-more.gif) left center no-repeat;} span.label,span.spacer,span.multiple span {width:120px;float:left;} span.multiple {float:left;} span.button {padding-left:120px;} div.clear {clear:both;padding-top:5px;} #video {position:absolute; top:21px; right:20px; z-index:99999;}