* {margin:0; padding:0;}
ul,li {list-style:none;}
a { outline:none } 
a img { border:none } 

/* GLOBAL */

body {width:940px; margin:0 auto; text-align:center; color:#333; background:url(../images/bg-main.gif) top left repeat-x; font:70%/1.4em Verdana, Arial, Sans-Serif;}
.clear {clear:both; margin:0; padding:0;}

a:link {color:#acc437; text-decoration:underline;}
a:active {color:#acc437; text-decoration:underline;}
a:visited {color:#acc437; text-decoration:underline;}
a:hover {color:#acc437; text-decoration:none;}

a.button:link {display:block; padding:5px; background-color:#acc437; border:1px solid #ccc; color:#fff; text-decoration:none; width:85px; text-align:center; font-size:10px; font-weight:bold;}
a.button:active {display:block; padding:5px; background-color:#eee; border:1px solid #ccc; color:#666; text-decoration:none; width:85px; text-align:center; font-size:10px; font-weight:bold;}
a.button:visited {display:block; padding:5px; background-color:#acc437; border:1px solid #ccc; color:#fff; text-decoration:none; width:85px; text-align:center; font-size:10px; font-weight:bold;}
a.button:hover {display:block; padding:5px; background-color:#f8f8f8; border:1px solid #ccc; color:#666; text-decoration:none; width:85px; text-align:center; font-size:10px; font-weight:bold;}

#container {position:relative; width:940px; margin:0 auto; text-align:center;}

#header {float:left; position:relative; width:940px; height:183px;}
#logo {float:left; width:380px; margin:75px 0 0 0;}
#nav {float:left; width:auto; margin:102px 0 0 180px; font-family:Arial; font-size:30px; color:#dadadc; text-align:left;}
#nav ul li {position:relative; display:inline; margin:0 20px 0 0;}
#nav a:link {display:inline; color:#dadadc; border-bottom:5px solid #dadadc; text-decoration:none;}
#nav a:active {display:inline; color:#dadadc; border-bottom:5px solid #dadadc; text-decoration:none;}
#nav a:visited {display:inline; color:#dadadc; border-bottom:5px solid #dadadc; text-decoration:none;}
#nav a:hover {color:#acc437; border-bottom:5px solid #acc437; text-decoration:none;}

h1 {color:#acc437; font-size:18px; font-weight:normal; margin:0 0 15px 0;}
h2 {color:#acc437; font-size:18px; font-weight:normal; line-height:1.2; margin:15px 0 10px 0;}
p {padding:0 0 15px 0; clear:both;}

#candle {float:left; width:380px; margin:4px 0 0 0;}
#homeContent {float:left; width:460px; height:350px; background:url(../images/bg-home-content.gif) top left no-repeat; padding:40px 50px; text-align:left;}
#homeContent p {color:#999; font-size:14px; font-family:Verdana; line-height:1.3; margin-bottom:15px;}
#homeContent ul {list-style-type:none; margin:0; padding:0 0 0 10px;}
#homeContent ul li {color:#999; background: url(../images/bullet.gif) top left no-repeat; padding:0 0 3px 15px;}
#homeContent strong {color:#999;}

#content {float:left; width:460px;}
#contentTop {float:left; width:558px; height:25px; background:url('../images/bg-content-top.png') top left no-repeat; _background:url('../images/bg-top-ie.gif') top left no-repeat;}
#contentMain {float:left; width:460px; color:#999; background:url('../images/bg-content-main.png') top left repeat-y; _background:url('../images/bg-main-ie.gif') top left repeat-y; text-align:left; padding:5px 50px; }
#contentMain ul {list-style-type:none; margin:0; padding:0 0 0 10px;}
#contentMain ul li {color:#999; background: url(../images/bullet.gif) top left no-repeat; padding:0 0 3px 15px;}
#contentBottom {float:left; width:558px; height:105px; background:url('../images/bg-content-btm.png') top left no-repeat; margin:0 2px 0 0;}

#thumbs {float:left; width:100%; margin:20px 0 20px 50px;}
#thumb1 {float:left; margin:0 20px 0 0; cursor:pointer;}
#thumb2 {float:left; margin:0 20px 0 0; cursor:pointer;}
#thumb3 {float:left; margin:0 20px 0 0; cursor:pointer;}
#img1 {display:none; cursor:pointer;}
#img2 {display:none; cursor:pointer;}
#img3 {display:none; cursor:pointer;}

.ldgPg #leftSide {float:left; position:relative; width:380px;}
.ldgPg #candle {float:left; width:380px; margin:43px 0 0 0; clear:left;}
.ldgPg #content {float:left; width:460px; margin:50px 0 0 0;}
.ldgPg #contentMain {color:#666; font-size:16px; font-family:Arial; line-height:1.3;}
.ldgPg #contentMain ul li {color:#666;}
}

.wholesale table {width:420px; padding:0; margin:0;}
.wholesale td {padding:5px;}
.wholesale .lbl {width:150px; text-align:right; color:#666;}
.wholesale input {width:150px; font-size:12px; color:#333; padding:3px; border:1px solid #ccc;}
.wholesale .submitBtn {padding:5px; background-color:#acc437; border:1px solid #ccc; color:#fff; width:100px; text-align:center; font-size:12px; font-weight:bold; cursor:pointer;}
.wholesale #notes {width:200px; height:100px;}
hr {height:1px; border:0px; background-color:#ccc;}

#subnav {float:right; width:460px; text-align:right; margin:0 0 35px 0;}
#subnav a {font-size:12px; color:#acc437; text-decoration:none; font-weight:bold; font-family:Arial, Sans-Serif;}
a.greenActive {border-bottom:1px solid #acc437; height:25px; display:inline;}

#errorMsg {color:#f00; padding-bottom:10px;}
.error {color:#f00;}
.formFields {float:left; width:450px; padding:5px 0; vertical-align:top;}
.formLbl {float:left; width:80px; padding:5px; text-align:right;}
label {display:inline; width:150px; text-align:right; padding:0 5px 0 0; font-size:12px; color:#999;}
input#fullname {font-size:12px; color:#333; font-family:Arial, Sans-Serif; width:300px; padding:5px; border:1px solid #ccc;}
input#email {font-size:12px; color:#333; font-family:Arial, Sans-Serif; width:300px; padding:5px; border:1px solid #ccc;}
textarea {font-size:12px; color:#333; font-family:Arial, Sans-Serif; width:300px; height:100px; padding:5px; border:1px solid #ccc;}

input#send {width:75px; margin:0 0 0 90px;}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}