* {
margin: 0;
}
html, body {
height: 100%;
}
body {
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
width: 1100px;
margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 100px; /* .push must be the same height as .footer */
}
.footer {
padding: 5px 0 0 0;
border-top: 1px #b5b6b6 solid;
text-align: right;
}
div.footer_links {margin-right: 20px;}
.footer_links p {font-size: 10px; color: #555354;}
.footer_links p a {color: #555354;}
.footer .contact { padding: 2px; background: #afaeaf; border-bottom: 50px #555354 solid;}
.footer .contact div.left { float: left;}
.footer .contact div.right { float: right;}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
body { background: url(../images/header_bg.gif) repeat-x; font: 12px Verdana, Geneva, sans-serif; margin: 0; padding: 0; color: #555354;}
p { margin: 12px 0 11px; }
div.clear {clear:both;}
/*
.clearFloat { clear: both; height: 1px; font-size: 1px; }
.clear { clear: both; height: 60px; }
*/
a { color: #09F; text-decoration: underline; }
a:hover { text-decoration: none; }
table {padding: 3px 0 0;}
a img {border: none;}
ul { list-style-type:none;}
.pad { padding: 0 0 0 17px; }
.product { border: 1px solid #333;}
.align_right {text-align:right;}
.closed_tab {margin: 10px 0 0 2px !important;}
#header {width: 100%; height: 185px; padding: 0 0 0 0 }
#header_wrapper {position:relative; padding: 0 0 0 32px;}
#logo { top: 14px; width: 509px; height: 111px; background: url(../images/monili_logo.gif) no-repeat; padding:14px 0 0 0px; position:absolute; }
#nav { width: 525px; height: auto; float: right; padding:147px 0 0 10px; }
#maincontent { width: 100%; margin: 0 auto; padding: 10px 20px 20px 27px; background: #FFF;}
#maincontent h1 { color: #79329a; margin: 315px 0 0 14px; font-weight: normal; }
#maincontent h1 a{ color: #79329a; padding: 0; }
#maincontent h2 { color: #79329a; margin: 35px 0 0 2px; font-size: 18px; font-weight: normal; }
#maincontent h2 em { font-size: 10px; font-weight: normal; }
/*product page*/
#product {width: 1000px; height: 528px; background-color:#d0d0d0; background: url(../images/product_bg.gif) right no-repeat; }
#product_nav { width: 175px; height: 528px; background: #555354; float:left;}
#product_content { width:780px; height: 528px; float:left; padding: 20px 10px;}
#product_item { width: auto; height: 363px; float: left; background:#FFF; padding: 5px;}
#product_description { width: 300px; height: 363px; float: left; padding: 5px;}
#product_description h1{ color: #333233; margin: 0 !important;}
#product_interest { width: 280px; height: 129px; background:#777577; margin: 5px;}
#product_interest .rev { width: 13px; height: 17px; background: url(../images/aarow_left.gif) no-repeat; }
#product_interest .rev a { width: 13px; height: 17px; float: left;}
#product_interest .rev a:hover { width: 13px; height: 17px; background: url(../images/aarow_left_on.gif) no-repeat;}
#product_interest .fwd { width: 13px; height: 17px; background: url(../images/arrow_right.gif) no-repeat; }
#product_interest .fwd a { width: 13px; height: 17px; float: left;}
#product_interest .fwd a:hover { width: 13px; height: 17px; background: url(../images/arrow_right_on.gif) no-repeat;}
/*checkout page*/
#checkout {width: 1000px; height: auto; background-color:#d0d0d0; background: url(../images/checkout_bg.gif) top no-repeat; }
#checkout h1 { color:#60584a; margin: 10px 0 55px 90px !important; height: 74px top; padding: 30px 0 0 0;}
#checkout h2 { color:#370145; font-size:16px; font-weight:bold; padding: 5px;}
#checkout_progressbar { height:33px; margin:0px 0 0 94px!important; background:url(../images/checkout_bar.gif) no-repeat; }
#checkout_bag { height:auto; margin:10px 0 0 94px!important;}
#checkout_bag p{ color:#370145; padding: 0 0 0 10px;}
#promo_code_submit {background:#370145 none repeat scroll 0 0; border:0 none; color:#FFFFFF; cursor:pointer; display:block; float:left; font-size:102%; font-weight:normal; padding:1px; text-transform:uppercase; margin:2px 0 0 0; float:left; height:17px; }
#contin_shop_submit {background:#370145 none repeat scroll 0 0; border:0 none; color:#FFFFFF; cursor:pointer; display:block; float:right; font-size:102%; font-weight:normal; padding:1px; text-transform:uppercase;}
#proceed_submit {background:#370145 none repeat scroll 0 0; border:0 none; color:#FFFFFF; cursor:pointer; display:block; float:right; font-size:102%; font-weight:normal; padding:1px; text-transform:uppercase; margin: 0 0 0 5px;}
#proceed_paypal {background:#370145 none repeat scroll 0 0; border:0 none; color:#FFFFFF; cursor:pointer; display:block; float:left; font-size:102%; font-weight:normal; padding:1px; text-transform:uppercase; margin: 0 0 0 63px;}
/*nav style*/
ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; width: 175px; }
ul#menu a { display: block; text-decoration: none;}
ul#menu li { margin-top: 1px;}
ul#menu li a { color: #fff; }
ul#menu li a:hover { background: #000;}
ul#menu li ul li a { background: #ccc; color:#555354; padding-left: 20px; }
ul#menu li ul li a:hover { background: #aaa; border-left: 5px #555354 solid; padding-left: 15px;}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
#leftbox { width: 338px; height: auto; float:left; background:url(../images/left_box.gif) no-repeat; margin: 0 0 0 0px; }
#rightbox { width: 722px; height: auto; float:left; background:url(../images/right_box.gif) no-repeat; margin: 0 0 0 15px; }
#rightbox h1 { color: #EFE1FA; margin: 315px 0 0 23px; padding: 0; }
#rightbox h1 a{ color: #EFE1FA; padding: 0; }
#rightbox h2 a{ color: #79329a; margin: 35px 0 0 2px; }
#rightbox .text {margin: 35px 0 0 15px }
/* Styles for the entire LavaLamp menu */
.lavaLampWithImage { position: relative; height: 30px; width: 525px; margin: 4px 0; overflow: hidden;}
/* Force the list to flow horizontally */
.lavaLampWithImage li { float: left; list-style: none; }
/* Represents the background of the highlighted menu-item. */
.lavaLampWithImage li.back { background: url("../images/lava.gif") no-repeat right -21px; width: 9px; height: 21px; z-index: 8; position: absolute; }
.lavaLampWithImage li.back .left { background: url("../images/lava.gif") no-repeat top left; height: 21px; margin-right: 15px; }
/* Styles for each menu-item. */
.lavaLampWithImage li a { position: relative; overflow: hidden; text-decoration: none; text-transform: uppercase; font: 14px verdana; color: #828282; outline: none; text-align: center; height: 21px; top: 1px; z-index: 10; letter-spacing: 0; float: left; display: block; margin: auto 10px;}
.lavaLampWithImage li a:hover {color:#FFF; }