body{ margin: 0px auto; padding: 0; width: 100%; font-family: arial; background: url('/img/bg.jpg') repeat-x top #262626; text-align: center; }
fieldset{ border: none; padding: none; margin: none; }
hr{ border-bottom: 1px solid #e5e5e5; border-top: none; border-left: none; border-right: none; width: 300px; padding: 0; text-align: center; margin: 10px auto; }

.space{ padding: 0; margin: 0; }
.error_message{ border: 2px solid #983336; margin: 4px; background-color: #E7DFDA; padding: 3px; font-size: 11px; float: left; font-weight: bold; text-align: center; color: #983336; width: 135px; margin-left: 0; }

#key{ float: left; width: 580px; margin-top: 10px; text-align: center; clear: both; }
#key .sub{ color: #666666; font-size: 12px; font-weight: bold; top: -5px; position: relative; }
#key p{ margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #4F6579; }

#key #min{ float: left; width: 265px; text-align: left; }
#key #mid{ width: 265px; float: left; text-align: left; }
#key #max{ width: 50px; float: right; }

.selected{ font-size: 22px; color: #A13733; font-weight: bold; }
.moving{ color: #FF0000; font-size: 22px; font-weight: bold; }

#wrapper{ width: 862px; margin: 0 auto; }

#header{ text-align: left; font-size: 38px; letter-spacing: -2px; position: relative; top: 8px; }
#header .blue{ position: relative; color: #689ac1; }
#header .gray{ position: relative; color: #f1f1f1; }

#main{ width: 862px; background: url('/img/faux_sidebar.gif') #FFFFFF repeat-y; float: left; }

#main #sidebar{ width: 168px; float: left; background-color: #ece8e8; padding-bottom: 15px; padding-top: 10px; }
#main #sidebar ul{ width: 175px; padding: 15px 0 0 0; margin: 0; text-align: right; font-size: 24px; letter-spacing: -2px; float: right; list-style: none; text-transform: lowercase; } 
#main #sidebar ul a{ text-decoration: none; color: #bfbfbf; display: block; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; position: relative; }
#main #sidebar .selected{ color: #304f67; background-color: #FFFFFF; }
#main #sidebar ul a:hover{ color: #304f67; background-color: #FFFFFF; }
#main #sidebar ul li{ height: 35px; }

#main #content{ text-align: left; padding: 10px; float: left; width: 655px; font-size: 12px; color: #454343; min-height: 500px; }
#main #content .blue{ font-weight: bold; color: #3a6688; font-size: 16px; }
#main #content .header{ font-size: 30px; letter-spacing: -2px; color: #304f67; }
#main #content a{ color: #689AC1; font-size: 12px; font-weight: bold; text-decoration: none; }

#main #content #left_panel{ float: left; width: 275px; padding: 5px; font-size: 11px; }
#main #content #left_panel form{ text-align: right; width: 230px; padding: 0; margin: 0; }
#main #content #left_panel input{ width: 130px; margin: 2px; }

#main #content #right_panel{ float: left; width: 275px; padding: 5px; font-size: 11px; }
#main #content #right_panel form{ text-align: right; padding: 0; margin: 0; }
#main #content #right_panel input{ width: 130px; }

#footer{ width: 762px; text-align: right; font-size: 10px; color: #7b7b7b; padding-bottom: 15px; }

/* Order Form */
.left{ float: left; width: 400px; margin-right: 10px; }
.right{ float: right; width: 190px; height: 650px; }
#cart{ font-size: 18px; margin: 15px 5px 5px 5px; border: 1px solid #ccc; background: #fff; width: 200px; position: relative; float: right; }
#cart .header{ background-color: #0078ae; color: #fff; text-align: center; }
#cart .header th{ padding: 5px; border-bottom: 1px solid #2c638f; margin-bottom: 5px; color: #fff; font-size: 18px; letter-spacing: normal; }
#cart td{ padding-left: 5px; }
#cart fieldset{ padding: 0; margin: 0; }
.ui-slider{ width: 95% !important; margin-left: 10px; }
h1{ padding: 2px; margin: 3px; font-size: 26px;}
#instructions{ color: #999; font-size: 20px; letter-spacing: -1px; margin-bottom: 15px; float: left; text-align: center; width: 100%; text-align: left; }
#instructions a{ font-size: 20px !important; letter-spacing: -1px; }
h2{ padding: 2px; margin: 0; font-size: 24px; border-bottom: 1px solid #999; }
.description{ font-size: 14px; line-height: 18px; text-align: justify; }
.product_image{ float: left; margin-right: 10px; margin-bottom: 5px; border: 2px solid #ccc; }
.product{ float: left; clear: both; padding: 2px; margin-bottom: 5px; width: 100%; padding-bottom: 10px; }
.slider_instructions{ color: #999; font-size: 10px; margin-bottom: 10px; }
h2.quantity{ color: #0078ae; border-bottom: none; text-align: center; }

/* Checkout Form */
#checkout_form{ margin: 0; padding: 0; float: left; }
#checkout_form #checkout_button{ border: 2px solid #666; background: #ccc; color: #666; font-size: 15px; padding: 3px; margin: 5px auto; width: 183px; text-align: center; }

/* General Forms */
.form{ font-size: 18px; }
.form label{ width: 120px; text-align: left; float: left; clear: left; }
.form input{ font-size: 16px; border: 2px solid #ccc; margin-bottom: 2px; float: left; margin-right: 10px; }
.error-message{ border: 2px solid #ac4242; color: #fff; background-color: #c64c4c; margin: 0px;  font-size: 14px; padding: 3px; float: left; clear: right; }
.message{ margin: 0px;  font-size: 14px; padding: 3px; float: left; clear: both; margin-bottom: 20px; width: 200px;  }
#authMessage{ border: 2px solid #ac4242; color: #fff; background-color: #c64c4c; }
#flashMessage{ border: 2px solid #608957; color: #fff; background-color: #7cb170; }
.submit{ clear: both; margin-top: 15px; float: left; }
.submit input{ background-color: #0078ae; color: #fff; font-size: 18px; border: 2px solid #2b608b; }