* { margin:0; padding:0;}
body { background:#000000 url(/images/store/full_page_bg.jpg) repeat-x; font-size:100%; line-height:1em; font-family:Trebuchet MS; font-size:0.75em; line-height:1.25em; color:#e99a7e; text-align:center}


/*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 460px; width:492px; height:58px}

.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
#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:#ffdeaf !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-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; width:330px; margin-top:10px; color:#2b0200; height:534px}
.box-3b .indent {padding:29px 30px 20px 22px}


.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: #222;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: 1px solid #000;}
.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 {
	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; 
}


/* USER MENU STYLES */

/* 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;}


div.col_25_0, div.col_25_1, div.col_25_2, div.col_25_3 { line-height: 1.5em; }
#nav { color: #333; }

#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; }
#referral_invite_form label { font-weight: bold; font-size: 1.2em; }
#referral_invite_form ul {list-style-type: circle; margin-left: 25px;}

div.step { height: 75px; width: 19%; border: 5px solid #555;  background: #ccc; padding: 5px; }
div.step h2 { text-align: center; margin-bottom: 10px; }

#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;}

/*///////////// Tabs Code ////////////*/

#tabs {
  margin: 0;
  font-family: tahoma,verdana,sans-serif;
  clear: both;
  text-align: left;
}

#tabs ul {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#tabs li { float: left; margin-right: 25px; }

#tabs a.span { width: 110px; }

#tabs span {
  position: relative;
  top: 0;
  margin: 0 2px 0 0;
  float: left;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  padding: 6px 4px 6px 10px;
  text-decoration: none;
  color: #eee;
}

#tabs a {
  position: relative;
  top: 0;
  margin: 1px 2px 0 0;
  float: left;
  background: #111;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  padding: 5px 4px 5px 10px;
  text-decoration: none;
  color: #eee;
}

#tabs a:hover {
  background: #777;

  position: relative;
  top: 0;
  padding: 5px 4px 6px 10px;
  margin-top: 0px;
}

#tabs a.active {
  position: relative;
  top: 1px;
  margin: 0 2px 0 0;
  float: left;
  background: #222;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  padding: 6px 4px 6px 10px;
  text-decoration: none;

}

#tabs a.active:hover {
  position: relative;
  top: 1px;
  margin: 0 2px 0 0;
  float: left;
  background: #333;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  padding: 6px 4px 6px 10px;
  text-decoration: none;
  color: #fff;
}