* { margin:0; padding:0;}
body { background:#E0D0A4 url(/images/store/full_page_bg.jpg) repeat-y 50% 0; font-size:100%; font-family:Trebuchet MS; color:#e99a7e;}

#content { font-size: 0.75em; }

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#38352d; font-size:0.92em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
ul.list-1 li { line-height:18px}
ul.list-1 li a{text-decoration:underline; color:#aaaaaa; background:url(/images/store/marker_list.gif) no-repeat 0 5px; padding-left:12px}
ul.list-1 li a:hover{ text-decoration:none}

dl.prices {}
dl.prices dd {background:url(/images/store/list_bg.gif) repeat-x bottom; padding-bottom:2px; margin-bottom:1px}
dl.prices a {color:#fff; text-decoration:none}
dl.prices a:hover {color:#e99a7e}
dl.prices span {float:right}
/*==========================================*/

a {text-decoration:underline; color:#333}
a:hover {text-decoration:none}

a.link-2 {text-decoration:none; color:#fff}
a.link-2:hover {text-decoration:none; color:#e99a7e}

h4 {color:#fff; font-size:1em; margin:0 0 15px 0}
h4.font-1 {font-weight:normal}

.clear { clear:both;}
.fright {float:right}

p {margin:0 0 16px 0}
.p1 {margin:0 0 24px 0}
.p2 {margin:0 0 5px 0}

/*header*/
#header { background:url(/images/store/header_bg.jpg) no-repeat left top; height:434px}

#header ul.menu { color: #000;position: relative; margin: 0;}
#header ul.menu li { float: right; margin: 5px; padding: 2px; }
#header ul.menu li a { color: #000; font-weight: bold; font-size: 1em; }
#header ul.menu li a:hover { color: #555; }


.logo {position:absolute; margin:0 0 0 28px}
.order {position:absolute; margin:64px 0 0 735px}
.menu {position:absolute; margin:140px 0 0 38px}
.menu img {margin-right:2px}
.slogan {position:absolute; margin:225px 0 0 73px}

/*content*/
#content { background:url(/images/store/main_bg.jpg) repeat}
.title {margin:0 0 0 34px}
.title2 {margin:0 0 20px 0}
.title3 {margin:0 0 2px 26px}
.img_left {float:left; margin:2px 20px 0 0}

.banner {margin-bottom:5px}
.banner2 {margin-right:5px}
.banner3 {margin-bottom:-14px; position:relative}

.content-indent {padding:20px 28px 20px 37px}

.img_main {position:absolute; margin:0 0 0 580px; width:360px; height:48px}


.link {float:right}
.more {float:right; width:78px; height:13px}

.line {background:url(/images/store/line_bg.gif) repeat-x top; height:20px; margin-bottom:-19px}

.line-margin {margin-bottom:20px}


.inner {width:100%; overflow:hidden; padding:0 0 20px 0}

#footer{ background:url(/images/store/footer_bg.jpg) no-repeat 0 0; height:113px; font-family:Tahoma; color:#9a3300}
#footer{ height:113px; font-family:Tahoma; color:#9a3300}

#footer .indent {padding:31px 0 10px 42px}
#footer a {color:#9a3300; text-decoration:underline}
#footer a:hover {color:#ffdeaf; text-decoration:none}

ul.footer-menu {margin:0; padding:0 0 6px 0; list-style:none; width:100%; overflow:hidden}
ul.footer-menu li { line-height:1em; display:inline}
ul.footer-menu li a{text-decoration:underline; color:##9A3300 !important; padding:0 10px 0 14px; border-left:solid 1px #ffdeaf}
ul.footer-menu li a:hover{ text-decoration:none; }
ul.footer-menu li a.m1 {padding-left:0; border:none}
/*================== index.html ==================*/
#page1 #content .col-1{}
#page1 #content .col-2{}


/*.phones {float:right; margin:0 170px 0 0}
select {width:278px; height:21px}
input {width:268px; height:16px}
.div_form {height:30px}
textarea {width:268px; height:97px; overflow:auto; margin-bottom:5px; display:block}
.div_links {text-align:right}*/

/*==================block====================*/
.box { background:url(/images/store/box_bg.jpg) repeat; margin-bottom:24px}
.box .corner-top-left { background:url(/images/store/corner_top_left.jpg) left top no-repeat;}
/*.box .corner-top-right { background:url(/images/store/corner_top_right.jpg) right top no-repeat;}*/
.box .corner-bot-right { background:url(/images/store/corner_bot_right.jpg) right bottom no-repeat;}
.box .corner-bot-left { background:url(/images/store/corner_bot_left.jpg) left bottom no-repeat; width:100%}
.box .indent1 {padding:41px 48px 23px 58px}
.box .indent2 {padding:35px 48px 21px 32px}

.box-2 { background:url(/images/store/box2_bg.jpg) repeat; width:100%}
.box-2 .corner-top-left { background:url(/images/store/corner_top_left2.jpg) left top no-repeat;}
.box-2 .corner-top-right { background:url(/images/store/corner_top_right2.jpg) right top no-repeat;}
.box-2 .corner-bot-right { background:url(/images/store/corner_bot_right2.jpg) right bottom no-repeat;}
.box-2 .corner-bot-left { background:url(/images/store/corner_bot_left2.jpg) left bottom no-repeat; width:100%}
.box-2 .border-left {background:url(/images/store/border_left2.jpg) repeat-y left}
.box-2 .border-top {background:url(/images/store/border_top2.jpg) repeat-x top}
.box-2 .border-right {background:url(/images/store/border_right2.jpg) repeat-y right}
.box-2 .border-bot {background:url(/images/store/border_bot2.jpg) repeat-x bottom}
.box-2 .indent {padding:29px 50px 21px 33px}
.box-2 .indent2 {padding:29px 30px 21px 33px}

.box-3 {background:url(/images/store/box3_bg.jpg) no-repeat 0 0; width:330px; margin-top:79px; color:#2b0200; height:334px}
.box-3 .indent {padding:29px 30px 20px 22px}

.box-3a {background:url(/images/store/box4_bg.jpg) no-repeat 0 0; width:330px; margin: 0 auto; margin-top:39px; color:#2b0200; height:334px}
.box-3a .indent {padding:29px 30px 20px 22px}

.box-3b {background:url(/images/store/box3b_bg.jpg) no-repeat 0 0; position: relative; float: left; width:330px; margin-top:10px; color:#2b0200; height:534px;}
.box-3b .indent {padding:29px 30px 20px 22px}
.box-3b.order_summary { margin-right: -25px; }

.box-4 { background:url(/images/store/box4_bot_bg.jpg) repeat-x bottom; width:100%}
.box-4 .corner-bot-right { background:url(/images/store/corner_bot_right4.jpg) right bottom no-repeat;}
.box-4 .corner-bot-left { background:url(/images/store/corner_bot_left4.jpg) left bottom no-repeat; width:100%}
.box-4 .indent {padding:29px 30px 21px 33px}

/*==========================================*/



.chalkboard {
  padding: 10px;
background: #e0d0a4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
  color: #333333}
.chalkboard div.inner_message {
  width: 70%;
  background: #777;
  margin: 10px auto;
  border: 1px solid #777;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.chalkboard div.inner_message div.inner_border { color: #000;  border: 10px solid #555; }
.chalkboard div.inner_message div.inner_border div.inner_padding {
  padding: 15px; border: 1px solid #444;
}

#test_mode {
  margin: 0;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 3px solid #f0490f;
  padding: 15px;
  background: #ffa665;
  color: #900000;
}
#test_mode h1 { padding-top: 10px; text-shadow: 1px 1px 1px #000;}
#test_mode h1 img { position: relative; top: -10px;}

/* login styling */

.login_dark a { color: #fff; }

input#user_email,
input#session_email,
input#password_email,
input#referral_email {
  background: #fff url('/images/icons/email.png') no-repeat 4px 4px ;
  padding: 4px 4px 4px 22px;
}

input#user_password,
input#user_password_confirmation,
input#session_password {
  background: #fff url('/images/icons/key.png') no-repeat 4px 4px ;
  padding: 4px 4px 4px 22px;
}

input#referral_name {
  background: #ccc url('/images/icons/user.png') no-repeat 4px 4px ;
  padding: 4px 4px 4px 22px;
}

/* Order Status Styles */

div.order-success h2 { margin-top: 10px; }
div.order-success h2.center { *margin-top: -20px;}
div.order-success h2 img { position: relative; top: -8px; }
div.order-success div.time-info { padding: 15px 0;font-size: 2em; font-weight: bold; }
div.order-success span { font-weight: bold; text-decoration: underline; }
div.order-success div.center { margin: 15px 0; padding: 5px; }
div.order-success div.time-est { font-weight: bold; font-size: 1.5em; text-decoration: underline; }
div.order-status { clear: both; margin-top: 10px; font-size: 0.9em; }
div.time-ticker { margin: 5px auto; font-size: 1.25em; }


/* Generated via www.cssmenubuilder.com */

.usermenu{margin:0; padding:0; width:300px; list-style:none;background:rgb(244,203,111);}
.usermenu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.usermenu li a{text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('/images/users/verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.usermenu li a:hover{background:url('/images/users/verMenuImages.png') 0px -40px no-repeat; color:rgb(120,29,8);}
.usermenu li a.active, .menu li a.active:hover{background:url('/images/users/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.usermenu li a span{line-height:40px;}
.usermenu li a span.fr { width: 40%; text-align: right;}

#nav { padding: 0 2px 2px 2px; color: #fff; font-weight: bold;}
#nav li a { color: #555; text-decoration: none; }
#nav li a:hover { color: #999;}

#nav li a span { color: #777; font-size: 0.75em; text-decoration: none;}

#referral_invite_form, #how_it_works { margin: 0 auto; padding: 10px; border: 1px solid #777; background: #333; color: #fff; }
#referral_invite_form .text { background-color: #ccc; border: 1px solid #111; }
#referral_invite_form h1 { margin-bottom: 10px; font-size: 2em; line-height: 2em; }
#referral_invite_form label { font-weight: bold; font-size: 1.2em; }
#referral_invite_form ul {list-style-type: circle; margin-left: 25px;}
#referral_invite_form h2 { font-size: 1.75em; line-height: 1.75em; }
div.step { font-size: 1em; height: 85px; width: 19%; border: 5px solid #555;  background: #ccc; padding: 5px; }
div.step h2 { text-align: center; margin-bottom: 10px; font-size: 1.5em; }
div.coupon h2 { font-size: 1.5em }
div.center div h2 { font-size: 1.5em; }

#crumbs { color: #555; padding: 5px; text-align: center; width: 80%; margin: 0 auto;  }
#crumbs ul { list-style-type: none; font-size: 1.5em; }
#crumbs ul li { background: #fff;  margin-left: 25px; display: inline; float: left; margin: 0 5px 0 0; border: 3px solid #000; }
#crumbs ul li a { padding: 10px 10px 5px 10px; color: #a40001; }
#crumbs ul li a:hover { color: #fff; background: #a40001;}


.clock { color: #555; }
#store_address { color: #333; }
#checkout_buttons h2 { color: #000;  font-size: 1.5em;}
.indent h2, .indent h2 { font-size: 1.5em; }
.center h2, .step h2 { font-size: 1em; }
#checkout_buttons a { color: #000; }
#checkout_buttons a:hover { color: #555; }

#welcome_box_bg {
  width: 495px;
  height: 115px;
  background: url('/images/store/welcome_text_bg.jpg');
  padding: 28px 20px 20px 60px;
  color: #603913;
  font-size: 1em;
}

#welcome_box_bg h2 {
  font-size: 1.75em;
  margin-bottom: 15px;
  color: #000;
}

#get_started { color: #000 }
.clock { color: #fff; }
img.title { margin-left: 0; }

body { color: #9A3300 }
#store_hours { width: 150px; }

/* Flash messages */

.notice_flash,
.failure_flash,
.success_flash {
  border: 1px solid;
  padding: 3px;
  padding:15px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-bottom: 10px;
  font-weight: bold;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.notice_flash {
  color: #00529B;
  background-color: #BDE5F8;
}

.failure_flash {
  color: #D8000C;
  background-color: #FFBABA;
}

.success_flash {
  color: #4F8A10;
  background-color: #DFF2BF;
}

