/* Stylesheet for Organizational Landing Pages */

body {font-family: arial; background: #EEE url('images/bg-body.gif') repeat-x top left;}

#wrap {width: 700px; margin: 10px auto 10px auto; border: solid 1px #036; background-color: #FFF;}

/* Header */
#header {height: 83px; background: url('/tmpl/images/lexi-comp-logo.gif') no-repeat 10px 10px;}
#header p {color: #ccc; text-align: right; padding: 40px 15px 0 0;}
#header a:link {font-weight: bold; color: #036; text-decoration: none;}
#header a:visited {font-weight: bold; color: #036; text-decoration: none;}
#header a:hover {font-weight: bold; color: #999; text-decoration: none;}
#header a:active {font-weight: bold; color: #036; text-decoration: none;}

/* General Elements */
h1 {font-size: 16px; color: #036; margin: 0 0 8px 0;}
h2 {font-size: 16px; color: #693; margin: 0 0 0 25px;}
h3 {font-size: 14px; color: #693; margin: 0 0 8px 0;}
p {font-size: 12px; margin: 0 0 6px 0;}
a:link {}
a:hover {}
a:active {}
a:visited {}
.hr {height: 1px; background-color: #999; clear: both; margin: 0 25px 15px 25px; padding: 0; font-size: 1px;}

/* Top Section Below Header */
#top-section {clear: both;}
.logo {float: left; margin: 0 10px 0 10px;}

/* Coupon */
#coupon {width: 160px; height: 141px; float: right; border: dashed 2px #036; text-align: center; margin: 0 10px 15px 10px;}
.top-coupon {height: 95px; background-color: #EEE; padding: 6px 8px 0 8px;}
.top-coupon p {font-size: 11px; margin: 0 0 3px 0;}
.top-coupon h2 {color: #036; font-size: 14px; margin: 0 0 3px 0;}
.bottom-coupon {}
.bottom-coupon p {font-size: 13px; font-weight: bold; color: #000; margin: 12px 0 0 0;}

/* Product Box */
#product-box-container {margin: 15px 0 0 15px; width: 700px;}
.product-box {width: 200px; text-align: center; float: left; margin: 0 20px 15px 0;}
.product-box h2 {color: #036; font-size: 14px; padding: 8px 0 12px 0; margin: 0; height: 28px;}
.product-box .info {text-align: left; padding: 0 8px 0 20px; margin: 0 0 10px 0; font-size: 11px;}
.product-box .get-info {text-align: right;}
.buy-now {background: url('images/btn-buy-now.gif') no-repeat; height: 30px; width: 105px; text-indent: -9000px; background-position: 0 0; display: block; margin: 15px 0 15px 0;}
.buy-now:hover {background: url('images/btn-buy-now.gif') no-repeat; height: 30px; width: 105px; text-indent: -9000px; background-position: 0 -30px; display: block;}

.discount-price {margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #666;}
.original-price {margin: 0 0 10px 0; padding: 0; text-decoration: line-through; font-size: 12px; font-weight: bold; color: #666;}

.bottom-text {padding: 0 15px 0 15px; margin: 20px 0 20px 0; clear: both;}

/* Footer */
#footer {}
#footer .disclaimer {font-size: 11px; color: #999; padding: 38px 0 0 8px;}
#footer .copyright {font-size: 11px; color: #999; padding: 8px 0 10px 8px;}
#bottom-nav {color: #ccc; text-align: center; padding: 10px 0 0 0;}
#bottom-nav p {margin: 0; padding: 0; font-size: 12px;}
#bottom-nav a:link {font-weight: bold; color: #036; text-decoration: none;}
#bottom-nav a:visited {font-weight: bold; color: #036; text-decoration: none;}
#bottom-nav a:hover {font-weight: bold; color: #999; text-decoration: none;}
#bottom-nav a:active {font-weight: bold; color: #036; text-decoration: none;}