/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* =Basic
--------------------------------------------------------------------------------*/
a:focus {outline: 1px dotted invert;}

a:link, a:visited {color: #0ba368; text-decoration: none;}

a:hover {text-decoration:underline;}

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

.regular { font-weight: normal; font-size: 11px; }

.bold { font-weight: bold; }

.bold_italic { font-weight: bold; font-style: italic; }

/* =Headings
--------------------------------------------------------------------------------*/

h1 {font-size: 30px;}

h2 {font-size: 24px;}

h3 {font-size: 18px;}

h4 {font-size: 16px;}

h5 {font-size: 14px;}

h6 {font-size: 12px;}

/*-------------------------------------------------------------------------------------------------
= Home Page
---------------------------------------------------------------------------------------------------*/

/* =General
-------------------------------------------------*/

body {
    margin: 0 auto;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #4b4b4b;
    background: #ffffff url(img/bg.jpg) top repeat-x;
}

.clearfix { clear: both; }

/* =Errors
-------------------------------------------------*/

.errorExplanation {
   margin:10px 0;
   background:#fff;
   padding:5px;
}

.errorExplanation h2 {
   font-size:18px;
}

#new_signup label {
   font-weight:bold;
}

/*.fieldWithErrors input {
  background:none !important;
}*/

.fieldWithErrors label.name {
  background-color: #ED4C4C;
  color: #FFF;
}

/* =Containers
-------------------------------------------------*/

#master_container {
 
}

#wrapper {
	overflow: hidden;    
    position: relative;
	width: 980px;
	margin: 0 auto;
	background: transparent url(img/bghome.png) center top no-repeat;
}

#wrapperprod {
	overflow: hidden;    
    position: relative;
	width: 980px;
	margin: 0 auto;
	background: transparent url(img/bgprod.png) center top no-repeat;
}

#wrappercontact {
	overflow: hidden;    
    position: relative;
	width: 980px;
	margin: 0 auto;
	background: transparent url(img/bgcontact.png) center top no-repeat;
}

#wrapperrecipes {
	overflow: hidden;    
    position: relative;
	width: 980px;
	margin: 0 auto;
	background: transparent url(img/bgrecipes.png) center top no-repeat;
}

#footer .wrapper {
    position: relative;
    width: 980px;
    margin: 0 auto;
	height: 131px;
	padding: 35px 0 0;
	text-align: center;
	color: #909090;
	border-top: 1px solid #f1f1f1;
}

#content {
    overflow: hidden;
    padding-bottom: 60px;
}

/* =Header
-------------------------------------------------*/

#header {
	position: relative;
	height: 123px;
}

#logo {
   position:absolute;
   display: block;
   top:0;
   left: 300px;
   width:365px;   
   height:123px;
   text-indent: -9999px;
   background: transparent url(img/logo.png) no-repeat;
}

#ad {
    position: absolute;
    display: block;
    top: 17px;
    right: 4px;
    width: 552px;
    height: 87px;
    text-indent: -9999px;
    border: 4px solid #e1e1e1;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
    background: transparent url(/images/home/banner_ad_2.jpg) no-repeat;
}

#ad:hover {
    border: 4px solid #75d3ff;
}

/* =Navigation - Main
-------------------------------------------------*/

ul#nav_main {
    /*width: 100%;
    height: 42px;
    margin-bottom: 7px;*/
    width: 798px;
    height: 42px;
    margin: 10px 0 20px 0;
    padding-left: 182px;
    background: transparent url(/images/bg_nav_main.png) no-repeat;
}

ul#nav_main li {
	float: left;
	margin-right: 10px;
}

ul#nav_main li a {
	display: block;
	height: 42px;
	text-indent: -9999px;
}

ul#nav_main li a#home {width: 95px; background: transparent url(img/navigation.png) no-repeat 0 0;}
ul#nav_main li a#home:hover {width: 95px; background: transparent url(img/navigation.png) no-repeat 0 -88px;}
ul#nav_main li a#home.current {width: 95px; background: transparent url(img/navigation.png) no-repeat 0 -88px;}
ul#nav_main li a#home.active {width: 95px; background: transparent url(img/navigation.png) no-repeat 0 -132px;}

ul#nav_main li a#plans {width: 162px; background: transparent url(img/navigation.png) no-repeat -95px 0;}
ul#nav_main li a#plans:hover {width: 162px; background: transparent url(img/navigation.png) no-repeat -95px -88px;}
ul#nav_main li a#plans.current {width: 162px; background: transparent url(img/navigation.png) no-repeat -95px -88px;}
ul#nav_main li a#plans.active {width: 162px; background: transparent url(img/navigation.png) no-repeat -95px -132px;}

ul#nav_main li a#stores {width: 95px; background: transparent url(img/navigation.png) no-repeat -257px 0;}
ul#nav_main li a#stores:hover {width: 95px; background: transparent url(img/navigation.png) no-repeat -257px -88px;}
ul#nav_main li a#stores.current {width: 95px; background: transparent url(img/navigation.png) no-repeat -257px -88px;}
ul#nav_main li a#stores.active {width: 95px; background: transparent url(img/home/navigation.png) no-repeat -257px -132px;}

ul#nav_main li a#printing {width: 119px; background: transparent url(img/navigation.png) no-repeat -352px 0;}
ul#nav_main li a#printing:hover {width: 119px; background: transparent url(img/navigation.png) no-repeat -352px -88px;}
ul#nav_main li a#printing.current {width: 119px; background: transparent url(img/navigation.png) no-repeat -352px -88px;}
ul#nav_main li a#printing.active {width: 119px; background: transparent url(img/navigation.png) no-repeat -352px -1232px;}

ul#nav_main li a#about {width: 95px; background: transparent url(img/navigation.png) no-repeat -471px 0;}
ul#nav_main li a#about:hover {width: 95px; background: transparent url(img/navigation.png) no-repeat -471px -88px;}
ul#nav_main li a#about.current {width: 95px; background: transparent url(img/navigation.png) no-repeat -471px -88px;}
ul#nav_main li a#about.active {width: 95px; background: transparent url(img/navigation.png) no-repeat -471px -132px;}

ul#nav_main li a#blog {width: 95px; background: transparent url(img/navigation.png) no-repeat -566px 0;}
ul#nav_main li a#blog:hover {width: 95px; background: transparent url(img/navigation.png) no-repeat -566px -88px;}
ul#nav_main li a#blog.current {width: 95px; background: transparent url(img/navigation.png) no-repeat -566px -88px;}
ul#nav_main li a#blog.active {width: 95px; background: transparent url(img/navigation.png) no-repeat -566px -132px;}

/* =Pitch Box
-------------------------------------------------*/

#pitch {
    position: relative;
	width: 100%;
	height: 322px;
	background: transparent url(/images/home/bg_pitch.png) no-repeat;
}

#pitch h2 {
    position: absolute;
    top: 60px;
    left: 60px;
    width: 306px;
    height: 43px;
    text-indent: -9999px;
    background: transparent url(/images/home/social_shopping.png) no-repeat;
}

#pitch p {
    position: absolute;
    top: 110px;
    left: 65px;
    width: 303px;
    height: 117px;
    font: 19px Georgia,"Nimbus Roman No9 L",serif;
    text-indent: -9999px;
    background: transparent url(/images/home/pitch_text.png) no-repeat;
}

#pitch p#free_no_strings {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 85px;
    height: 87px;
    text-indent: -9999px;
	background: transparent url(/images/home/free_no_strings.png) no-repeat 0 0;    
}

#pitch a.btn_signup {
    position: absolute;
    left: 60px;
    bottom: 45px;
    width: 170px;
    height: 30px;
	display: block;
	text-indent: -9999px;
	background: transparent url(/images/home/btn_open_store.png) no-repeat 0 0;
}

#pitch a.btn_signup:hover {
	background: transparent url(/images/home/btn_open_store.png) no-repeat 0 -31px;
}

#pitch #screenshots {
    position: absolute;
    right: 93px;
    bottom: 0;
    width: 448px;
    height: 285px;
    text-indent: -9999px;
    background: transparent url(/images/home/screenshots.png) no-repeat;
}

/* =Adbar
-------------------------------------------------*/

#adbar {
    width: 974px;
    height: 102px;
    margin-bottom: 20px;
    padding-left: 6px;
    background: transparent url(/images/home/bg_adbar.png) no-repeat;
}

body#index.community_stores #adbar {
    margin-top: 10px;
    background: transparent url(/images/home/bg_adbar_stores.png) no-repeat;
}

#adbar .ad {
    position: relative;
    float: left;
    display: inline;
    margin: 3px 0 0 10px;
}

#adbar .ad.first {
    margin-left: 0;
}

#adbar .ad a {
    display: block;
}

#adbar .ad a.sash {
    position: absolute;
    left: -3px;
    top: -3px;
    display: block;
    width: 100px;
    height: 59px;
    background: transparent url(/images/home/sash.png) no-repeat;
}

#adbar .ad img {
    border: 3px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#adbar .ad img:hover {
    border: 3px solid #CCC;
}

/* =Features
-------------------------------------------------*/

#features {
	float: left;
	display: inline;
		width: 620px;
}

#features h3 {
	height: 33px;
	margin: 0 0 0 30px;
	text-indent: -9999px;
	background: transparent url(/images/home/product_highlights.png) no-repeat;	
}

#features h5 {
    margin: 2px 0 20px 30px;
}

#features .feature {
    float: left;
    display: inline;
    width: 198px;
    margin-bottom: 20px;
    padding: 0 8px 0 0;
    }

.feature {
	background: transparent url(img/bgbox.gif)  no-repeat;
	height: 208px;
}

#features .feature h6 {
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	color: #fff;
}

.feature img {
	padding-left: 15px;
}

#features .feature p {
    font-size: 11px;
	line-height: 16px;
	margin-right: 2px;
}

/* =Sign Up
-------------------------------------------------*/

body#index.community #signup {
	float: left;
	display: inline;
	width: 286px;
	height: 650px;
	background: transparent url(/images/home/bg_signup_bar_2.png) repeat-y;	
}

body#index.community #signup h2 {
	height: 19px;
	margin: 25px 0 0 32px;
	text-indent: -9999px;
	background: transparent url(/images/home/get_free_store.png) no-repeat;
}

body#index.community #signup h5 {
    margin: 5px 0 0 34px;
    font-size: 11px;
}

#diy {
    overflow: hidden;
    margin: 0 1px;
    padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
}

#pro {
    overflow: hidden;
    margin: 0 1px;    
    border-top: 1px solid #FFF;
}

#diy h4 {
    height: 47px;
    margin: 15px 0 0 21px;
    text-indent: -9999px;
	background: transparent url(/images/home/diy_ship_yourself.png) no-repeat;
}

#pro h4 {
    clear: both;
    height: 47px;
    margin: 22px 0 0 21px;    
    text-indent: -9999px;
	background: transparent url(/images/home/pro_we_ship.png) no-repeat;
}

#diy h6 {
    height: 43px;
    margin: 15px 0 0 21px;
    text-indent: -9999px;
	background: transparent url(/images/home/what_is_diy.png) no-repeat;
}

#pro h6 {
    height: 43px;
    margin: 15px 0 0 21px;    
    text-indent: -9999px;
	background: transparent url(/images/home/what_is_pro.png) no-repeat;
}

#diy p, #pro p {
    padding: 10px 30px;
	font-size: 11px;
	line-height: 16px;
}

#diy p.red_text {
    color: #ff535c;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px 5px 0;
}

#diy form {
    clear: both;
    overflow: hidden;
	padding: 0 0 0 30px;
}

#diy form input.text {
	font-size: 11px;
	line-height: 16px;
	width: 140px;
	color: #999;
}

#diy form p {
    float: left;
    padding: 0;
}

#diy form p.button {
    margin: 3px 0 0 10px;
}

#pro a.btn_signup {
    display: block;
    width: 167px;
    height: 31px;
    margin: 10px 0 0 30px;
    text-indent: -9999px;
    background: transparent url(/images/home/btn_open_store.png) no-repeat 0 0;
}

#pro a.btn_signup:hover {
    background: transparent url(/images/home/btn_open_store.png) no-repeat 0 -31px;    
}

/*-------------------------------------------------------------------------------------------------
= Store Directory Page
---------------------------------------------------------------------------------------------------*/

#directory {
    clear: both;
    overflow: hidden;
}

#directory a {
	float: left;
	width: 224px;
	height: 89px;
	margin: 0 12px 20px 0;
	padding: 5px;
	border: 1px solid #cecece;
	background: transparent url(/images/home/bg_store.png) no-repeat top left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#directory a:hover {
    background: transparent url(/images/home/bg_store.png) no-repeat bottom left;
}

#directory a.last {
	margin-right:0;
}

#directory a:hover {
    background: transparent url(/images/home/bg_store.png) no-repeat bottom left;
    text-decoration:none;
}

#directory a img {
	float: left;
	padding: 3px;
	width: 81px;
	height: 81px;
	border: 1px solid #cecece;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#directory .store {
	float: left;
	margin: 10px 0 0 10px;
	width: 101px;
}

#directory .store span {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	line-height: 18px;
}

#directory .store .name {
    overflow: hidden;
    line-height: 14px;
    color: #4aa4df;
    font-weight:bold;
    display:block;
}

#directory .store .location {
    font-size: 9px;
    color: #888;
}

/*-------------------------------------------------------------------------------------------------
= Plans Page
---------------------------------------------------------------------------------------------------*/

h2.headline {
    margin: 10px 0 23px 0;
    height: 33px;
    text-indent: -9999px;
}

body#plans.signup h2.headline {
    background: transparent url(/images/home/choose_adventure.png) no-repeat;    
}

body#new.signup h2.headline, body#create.signup h2.headline {
    height: 43px;
    background: transparent url(/images/home/create_your_pro_account.png) no-repeat;    
}

body#index.community_stores h2.headline {
    background: transparent url(/images/home/shop_drop.png) no-repeat;
}

body#index.system_updates h2.headline {
    background: transparent url(/images/home/system_updates.png) no-repeat;    
}

body#terms.community h2.headline {
    background: transparent url(/images/home/terms_of_use.png) no-repeat;    
}

body.help h2.headline {
    margin-bottom: 40px;
    background: transparent url(/images/home/help.png) no-repeat;    
}

body#privacy.community h2.headline {
    margin-bottom: 40px;
    background: transparent url(/images/home/privacy_policy.png) no-repeat;    
}

table {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
    line-height: 16px;
    background-color: #FFF;    
}

thead th {
    text-align: center;
    color: #333;
    /*background-color: #FFF;*/
}

tr.odd th.column1 {
    background-color: #534741;
}

td.diy,
td.pro {
    border-right: 1px solid #F1F1F1;
}

tr.odd td.diy {
    background-color: #F5F5F5;
}

tr.odd td.pro {
    background-color: #F5F5F5;
}

td.empty {
    /*padding: 0;
    width: 156px;*/
    background: transparent;
}

th.column1 {
    font-weight: normal;
    padding: 10px 20px; 
}

tfoot th {
    color: #666;    
    padding: 10px 20px;
}

th.diy {
    /*width: 354px;
    height: 74px;*/
    padding: 0;
}

th.diy a, th.pro a {
    display: block;
}

th.pro {
    /*width: 350px;
    height: 74px;*/
    padding: 0;  
}

col.features {
    width: 196px;
}

* html col.features { /* Hack for IE */
	width: 156px;
}

col.diy {
    width: 394px;
}

* html col.diy { /* Hack for IE */
	width: 354px;
}

col.pro {
    width: 390px;
}

* html col.pro { /* Hack for IE */
	width: 350px;
}

td {
    color: #1E92D1;
    padding: 10px 20px;
    font-weight: bold;
    text-align: center;
}

tr.last th {
    /*border-bottom: 1px solid #e88323;*/
}

tr.last td {
    border-bottom: 1px solid #F1F1F1;
}

th form {
    margin: 0 auto;
    text-align: center;
}

th.what {
    font-size: 24px;
    font-weight: bold;
    background: #362F2D url(/images/home/what_top_2.png) no-repeat left top;
}

th.pro_button {
    padding-left: 25px;
}

td.fancy {
    padding: 20px;
    color: #1E92D1;
    font-weight: bold;
}

col.diy {
    background-color: #FCFCFC;
}

col.pro {
    background-color: #FCFCFC;
}

.column1 {
    text-align: right;
    color: #FFF;
    background-color: #362F2D;
}

table form .text {
    width: 185px;
}

/*-------------------------------------------------------------------------------------------------
= Signup Form Page
---------------------------------------------------------------------------------------------------*/

#formbox_signup {
    overflow: hidden;
    padding: 0 30px;
    min-height: 330px;
}

#sidebar {
    float: right;
    width: 288px;
    font-size: 11px;
    line-height: 16px;
    background: transparent url(/images/home/sidebar_slice.png) repeat-y;
}

body#new.signup #sidebar {
    float: left;
}

#sidebar h3 { 
    width: 288px;
    height: 81px;
    text-indent: -9999px;
    background: transparent url(/images/home/sidebar_header.png) no-repeat;
}

#sidebar #sidebar_bottom {
    width: 288px;
    height: 8px;
    background: transparent url(/images/home/sidebar_bottom.png) no-repeat;
}

#content .message h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
    line-height: 18px;
}

#content .message h5 a:link, #content .message h5 a:visited {
    color: #000;
    text-decoration: underline;
}

#content .message {
    margin: 0 auto;
    width: 50%;
    padding: 20px 30px;
    border: 1px solid #E5E5E5;
    background: #FFF url(/images/admin/bg_lt_gradient.png) repeat-x left bottom;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#sidebar ul {
    padding: 5px 30px 30px;
}

#sidebar ul li {
    padding: 10px;
    color: #362f2d;
    list-style: disc;
    list-style-position: inside;
}

#sidebar a:link, #sidebar a:visited {
    color: #37749d;
    text-decoration: underline;
}

#sidebar a:hover {
    text-decoration: none;
}

#main {
    float: left;
    width: 642px;
}

form#signup {
    float: right;
    width: 642px;
}

form fieldset ul {
    overflow: hidden;
}

form fieldset ul li:first-child {
    border: none;
    padding-top: 0;
}

form fieldset ul li {
    overflow: hidden;
    border-top: 1px solid #f1f1f1;
    clear: left;
    padding: 10px 0;
}

form fieldset ul li.last {
    margin: 0 auto;
    text-align: right;
    border: none;
}

form fieldset ul li label {
    display: block;
    margin: 10px 0;
    color: #1E92D1;
    font-weight: bold;    
}

form fieldset ul li label#http {
    font-weight: normal;
    color: #666;
} 

form fieldset ul li label#subdomain {
    margin-right: 460px;
}

label#subdomain span {
    font-weight: normal;
    font-size: 11px;
}

form fieldset ul li p.instructions {
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin-top: 9px;    
}

form fieldset ul li .formError {
    clear: left;
    margin-left: 120px;
    padding-top: 5px;
    font-size: 10px;
    color: #f24e4e;
    font-style: italic;
}

body#create.signup form fieldset ul li .formError {
    margin-left: 0;
}

form fieldset ul li p.subdomain {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #666;
}

input.text {
    font-size: 16px;
    line-height: 16px;
    width: 207px;
    color: #555;
    width: 618px;
    /*float: left;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background: #FFF url(/images/bg_input.png) no-repeat top left;*/
}

body#plans.signup td input.text {
    width: 190px;
}

input.text, input.password, textarea {
    border: 2px solid #cecece;
    padding: 5px 10px;
}

div#plan_radios {
    float: left;
    font-size: 15px;
    padding-top:7px;
    padding-left:5px;
    line-height: 16px;
    width: 222px;
    color: #555;
}

#plan_radios input {
  margin-right:45px;
}

form fieldset ul li#agreement {
    text-align: right;
}

form fieldset ul li#agreement input {
    vertical-align: middle;
}

form fieldset ul li#agreement a {
    text-decoration: underline;
    color: #1e92d1;
}

form fieldset ul li#agreement a:hover {
    text-decoration: none;
}

/*----------------------------------------------------------------------------------------
= Login Page
------------------------------------------------------------------------------------------*/

#user_box {
	/*margin: 30px auto 0 auto;*/
	margin: 10px auto 0;
	width: 376px;
}

/*body#show.users #user_box,
body#update.users #user_box {
    margin-top: 10px;
}*/

#user_box_container {
    width: 376px;
    background: transparent url(/images/user_box_slice.png) repeat-y;
}

#user_box_bottom {
    width: 376px;
    height: 20px;
    background: transparent url(/images/user_box_bottom.png) no-repeat;    
}

#user_box form, #user_box p {
    margin: 0 30px;
}

#user_box h2 {
	width: 376px;
	height: 62px;
	text-indent: -9999px;
	background: transparent url(/images/login_here.png) no-repeat;
}

body#show.users #user_box h2,
body#update.users #user_box h2 {
	background: transparent url(/images/user_profile.png) no-repeat;    
}

#user_box input#btn_submit {
    margin-left: 98px;
}

#user_box input#btn_get_password {
    margin: 15px 0 10px 66px;
}

body#forgot.users #user_box h2 {
    height: 84px;
	background: transparent url(/images/home/forgot_password.png) no-repeat;    
}

body#reset.users #user_box h2 {
	background: transparent url(/images/home/reset_password.png) no-repeat;    
}

#user_box h2#new_user {
    width: 376px;
    height: 62px;
    text-indent: -9999px;
    background: transparent url(/images/register_here.png) no-repeat;
}

#user_box h6 {
    margin: 15px 0 15px 0;
    color: #1e92d1;
}

#user_box div.field {
    margin: 0 0 10px 0;
}

#user_box #submit_container {
    text-align: center;
}

#user_box #submit_button {
    margin: 15px 0 0;
}

label.instruction {
	clear: both;
	color: #999;
	display: block;
	font-size: 11px;
	font-style: italic;
	margin: 4px 0 0 1px;
	width: 310px;
	font-weight: normal;
}

#user_box input.input_login {
	font-size: 24px;
	width: 300px;
	margin-top: 5px;
}

#new.sessions #remember_me {
	margin-top: 10px;
	text-align: center;
}

#remember_me #submit_login {
	margin-top: 10px;
	width: 120px;
	height: 30px;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(/images/btn_login.png) no-repeat;
}

#user_box a:link, #user_box a:visited {
  color: #f07848;
  text-decoration:underline;
}

#user_box a#password_link {
    display: block;
    margin: 10px auto;
    color: #4B4B4B;
    text-align: center;
}

#user_box a#password_link:hover {
    text-decoration: none;
}

#enter_email {
    padding: 20px 10px 10px;
    text-align: center;
    border: 1px solid #E5E5E5;
    background: #FFF url(/images/admin/bg_lt_gradient.png) repeat-x left bottom;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#enter_email p {
    font-size: 11px;
    font-style: italic;
    line-height: 16px;
    padding: 5px 0 0
}

/*----------------------------------------------------------------------------------------
= Profile Page
------------------------------------------------------------------------------------------*/

body#show.users .outer_box,
body#update.users .outer_box {
    width: 450px;
    overflow: hidden;
    clear: both;
    margin:0 auto 20px;
    padding: 5px;
    /*background-color: #f5f5f5;*/
    background-color: #ECECEC;
    -moz-border-radius: 5px;  
}

body#show.users .outer_box ul,
body#update.users .outer_box ul {
    overflow: hidden;
    padding: 20px 0 5px;
    /*border: 1px solid #e5e5e5;*/
    background: #FFFFFF url(/images/admin/bg_lt_gradient.png) repeat-x scroll left bottom;
    -moz-border-radius: 0 0 5px 5px;
}

.row {
    position: relative;
    margin: 0 auto 20px;
	/*padding: 15px 15px 5px 15px;*/
}

.row .label {
    float: left;
    width: 160px;
    border-top: 1px solid #F1F1F1;
    background-color: #F8F8F8;
}

label.name {
	/*display: block;
	float: left;
	width: 160px;
	margin-top: 10px;
	color: #1E92D1;
	font-size: 11px;
	font-weight: normal;
	text-align: right;*/
	float: right;
	margin: 0 0 0 0;
	padding: 4px 8px;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	background-color: #E5E5E5;
	-moz-border-radius: 3px 0 3px 0;
}

body#show.users input.text,
body#update.users input.text {
    width: 215px;
}

/*body#show.users .field,
body#update.users .field {
    margin-left: 175px;
}*/

body#show.users .outer_box h5,
body#update.users .outer_box h5 {
    padding: 8px 20px;
    font-size: 16px;
    /*border-color: #E5E5E5;
    border-style: solid;
    border-width: 1px 1px 0 1px;*/
    border-bottom: 1px solid #E5E5E5;
    background: #FFFFFF url(/images/admin/bg_lt_gradient.png) repeat-x scroll left bottom;
}

body#show.users .outer_box ul h5,
body#update.users .outer_box ul h5 {
    margin-bottom: 20px;
}

/*body#show.users .outer_box {
    margin: 10px auto;
    width:376px;
    padding: 5px 0 20px 0;
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

body#show.users .outer_box h3 {
   text-align:left;
   margin-left:15px;
}


body#show.users label.name {
    width: 85px;
}

body#show.users .row {
    margin: 0 15px;
}

body#show.users .field {
    margin-left: 100px;
}*/

#username_container {
    padding:22px 0 6px 0;
    /*border-bottom: 1px solid #CCC;*/
    margin:0 auto;
    width:376px;
}

h2#username {
    height: 28px;
    padding: 0 0 0 40px;
    margin-bottom: 10px;
    color: #1E92D1;
    background: transparent url(/images/icon_user.png) no-repeat left center;
}

#username_container ul {
    margin: 5px 0;
}

#username_container ul li {
    display: inline;
}

#username_container ul li a {
    padding: 3px 8px;
    font-size: 11px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#username_container ul li a.active {
    text-shadow: 1px 1px 1px #AAA;    
    background-color: #d1d1d1;
}

#username_container ul li a:hover {
    text-shadow: 1px 1px 1px #AAA; 
    background-color: #f1f1f1;
}

span.edit {
    font-size: 11px;
}

span.edit a {
    text-decoration: underline;
}

span.edit a:hover {
    text-decoration: none;
}

span.required {
    font-size: 10px;
    color: red;
}

span.optional {
    font-size: 10px;
    color: #AAA;
}

#submit_float {
    margin: 10px 0 0 175px;
}

/*----------------------------------------------------------------------------------------
= System Updates Page
------------------------------------------------------------------------------------------*/

h2#system_updates {
    margin: 20px 0;
}

.outer_box {
    overflow: hidden;
    clear: both;
    margin:0 auto 20px;
    padding: 5px;
    /*background-color: #f5f5f5;*/
    background-color: #ECECEC;
    -moz-border-radius: 5px;
}

.outer_box ul,
.outer_box table,
.outer_box .inner_box {
    overflow: hidden;
    padding: 20px 0;
    /*border: 1px solid #e5e5e5;*/
    background: #FFFFFF url(/images/admin/bg_lt_gradient.png) repeat-x scroll left bottom;
    -moz-border-radius: 5px;
}

.outer_box ul .system_update {
    margin: 0 20px 10px;
    padding: 0 10px;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.system_update p.date {
    font-size: 14px;
    color: #1E92D1;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid #E5E5E5;
}

.outer_box ul .system_update p.update {
    font-size: 11px;
}

.system_update h6 {
    padding: 5px 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

p.twitter {
    text-align: right;
}

p.twitter a {
    text-decoration: underline;
    color: #1E92D1;
}

/*----------------------------------------------------------------------------------------
= Help Pages
------------------------------------------------------------------------------------------*/

#help_sidebar {
    float: left;
    width: 258px;
}

#help_sidebar h5 {
    margin-bottom: 10px;
}

ul.help_nav {
    margin-bottom: 10px;
    border: 1px solid #E5E5E5;
    -moz-border-radius: 5px;    
}

ul.help_nav li {
    border-bottom: 1px solid #E5E5E5;
}

ul.help_nav li.last {
    border-bottom: none;
}

ul.help_nav li a {
    display: block;
    height: 35px;      
    padding: 0 15px;
    line-height: 36px;    
    color: #1e92d1;
}

ul.help_nav li a:hover {
    color: #666;
    background-color: #F8F8F8;
}

body#index.help ul.help_nav li#general_faq a,
body#buyers.help ul.help_nav li#buyer_faq a,
body#sellers.help ul.help_nav li#seller_faq a,
body#stores.help ul.help_nav li#store_faq a,
body#terms.help ul.help_nav li#terms_help a,
body#privacy.help ul.help_nav li#privacy_help a,
body#buyers_agreement.help ul.help_nav li#buyer_help a,
body#diy_agreement.help ul.help_nav li#diy_help a,
body#pro_agreement.help ul.help_nav li#pro_help a,
body#forum.help ul.help_nav li#form_help a,
body#contact.help ul.help_nav li#contact_help a {
    color: #333;
    font-weight: bold;
    background: transparent url(/images/home/bg_nav_help.png) no-repeat right top;
    -moz-border-radius: 5px;
}

ul.help_nav li a em {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin: 3px 8px 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}

ul.help_nav li#general_faq a em {
    background: transparent url(/images/home/icon_general.png) no-repeat;
}
ul.help_nav li#buyer_faq a em {
    background: transparent url(/images/home/icon_buyers.png) no-repeat;
}
ul.help_nav li#seller_faq a em {
    background: transparent url(/images/home/icon_sellers.png) no-repeat;
}
ul.help_nav li#store_faq a em {
    background: transparent url(/images/home/icon_register.png) no-repeat;
}
ul.help_nav li#terms_help a em {
    background: transparent url(/images/home/icon_gavel.png) no-repeat;
}
ul.help_nav li#privacy_help a em {
    background: transparent url(/images/home/icon_briefcase.png) no-repeat;
}
ul.help_nav li#buyer_help a em,
ul.help_nav li#diy_help a em,
ul.help_nav li#pro_help a em {
    background: transparent url(/images/home/icon_legal.png) no-repeat;
}
ul.help_nav li#contact_help a em {
    background: transparent url(/images/home/icon_contact_us.png) no-repeat;
}
ul.help_nav li#forum_help a em {
    background: transparent url(/images/home/icon_forum.png) no-repeat;
}

#help_main {
    float: right;
    width: 680px;
}

#help_main h3.help_title {
    clear: both;
    margin: 0 0 20px 0;
    padding: 10px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

#help_main h4 {
    clear: both;
    margin: 20px 0;
    padding: 0 0 5px 0;
    color: #1e92d1;
    border-bottom: 1px solid #E5E5E5;
}

#help_main h6 {
    clear: both;
    margin-bottom: 10px;
    padding: 5px 0;
    color: #f26522;
    font-size: 14px;
    border-bottom: 1px solid #CCC;
}

#help_main h6.sub_category {
    font-size: 12px;
    border-top: 1px dotted #E5E5E5;
    border-bottom: 1px dotted #E5E5E5;
    background-color: #F8F8F8;
}

#help_main p {
    font-size: 11px;
    line-height: 16px;
}

#help_main p a {
    text-decoration: underline;
}

#help_main p a:hover {
    text-decoration: none;
}

#help_main p#last_update {
    margin: 0 0 10px 0;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
}

a#gs_badge {
    display: block;
    margin: 20px auto;
    width: 238px;
    height: 122px;
}

a.return {
    float: left;
    margin: 5px 0 15px;
    font-size: 11px;
    text-decoration: underline;
}

a.return:hover {
    text-decoration: none;
}

#help_main ul {
    padding-bottom: 10px;
    /*border-bottom: 1px dotted #E8E8E8;*/
}

#help_main ul li {
    line-height: 18px;
    font-size: 12px;
}

#help_main ul li a {
    color: #1e92d1;
}

#help_main ul li a:hover {
    text-decoration: underline;
}

#help_main p.question {
    clear: both;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

#help_main p.answer {
    margin-bottom: 20px;
}

#help_main ol {
    padding: 10px 0;
    line-height: 16px;
    font-size: 11px;
}

#help_main ol li {
    padding: 5px 0;
}

#contact_box {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #E5E5E5;
    background: #FFF url(/images/admin/bg_lt_gradient.png) repeat-x left bottom;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

label#contact_label {
    float: left;
    font-weight: bold;
    margin: 0 0 10px 0;
}

ul#contact_form {
    clear: both;
}

/*-------------------------------------------------------------------------------------------------
= Password Request Page
---------------------------------------------------------------------------------------------------*/






/* -------------------------------------------------------------------------------------------------
=User Bar
--------------------------------------------------------------------------------------------------*/

#user_content {
   font-family: Helvetica, Arial, sans-serif;
   background: transparent url(/images/user_bar_slice_2.png) repeat-x;
}

#user_bar {
    overflow: hidden;
	width: 980px;
	margin: 0 auto;
}

#user_bar a.home_link {
    float: left;
    width: 67px;
    height: 30px;
    text-indent: -9999px;
    background: transparent url(/images/user_bar_se.png) no-repeat;
}

#user_bar ul {
	float: right;
}

#user_bar ul li {
	float: left;
	white-space: nowrap;
}

#user_bar ul li#checkout {
    width: 70px;
    text-indent: -9999px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
	background:transparent url(/images/bg_checkout_user_bar.png) no-repeat;
}

#user_bar ul li a {
 	float: left;
	height: 30px; 	
	padding: 0 10px;
	line-height: 32px;
	font-size: 11px;
	font-weight: normal;
	color: #555; 
}

#user_bar ul li#cart a {
   padding-left:35px;    
   background:transparent url(/images/icon_cart.png) 9px 5px no-repeat;
}

#user_bar ul li#checkout a {
   font-weight:bold;
   color: #856402;
   width: 50px;
   text-shadow:#ddd 0px 1px 1px;
}

#user_bar ul li a#dashboard_link {
   padding-right:2px;
   font-weight: bold;   
   color:#30afea;
}

#user_bar ul li a#dashboard_link:hover {
    text-decoration: underline;
}

#user_bar ul li a#logout_link {
   padding-left:2px;
}

#user_bar ul li a:hover {
    color: #30AFEA;
    text-decoration: underline;
}

#user_bar ul li img {
   float:left;    
   display:block;
   vertical-align: middle;
}

span#cart_count {
    color: #ff535c;
}

/* -------------------------------------------------------------------------------------------------
=Report Bug
--------------------------------------------------------------------------------------------------*/

#footer a#report_bug_tab {
	position: absolute;
	top: -23px;
	right: 0px;
	padding: 3px 20px;
	text-shadow: #fff 0 1px 1px;	
	color: #909090;	
	border-style: solid;
	border-color: #E1E1E1;
	border-width: 1px 1px 0 1px;
    background: #FFF url(/images/admin/bg_lt_gradient.png) repeat-x left bottom;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;    
}

#footer.store a#report_bug_tab {
    border-right: 0;
    top: -21px;
    text-shadow: none;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

#report_bug {
	clear:both;
	width: 980px;
	height: 120px;
	margin: 0 auto;
	position:relative;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background: #FFF url(/images/bg_report_bug.png) repeat-x bottom left;	
}

#report_bug a#close {
	position: absolute;
	bottom: 5px;
	left: 20px;
	color: #FFF;
	font-size: 11px;
}

#report_bug form {
    overflow: hidden;
    padding:15px 0 0 235px;
}

#report_bug label {
   font-size: 11px;
}

#report_bug #personal_info {
	float:left;
	width:160px;
}

#personal_info input {
   width:151px
}

#feedback {
	float: left;
	width: 339px;
	margin: 0 0 0 20px;
}

#your_feedback {
	width: 319px;
	height: 59px;
}

#report_bug input#submit_button {
	float: left;
	width: 167px;
	height: 31px;
	margin: 19px 0 0 6px;
	border: none;
	cursor: pointer;
	background: transparent url(/images/btn_report_bug.png) repeat scroll 0% 0%;
}

.checkouts #report_bug input#submit_button,
.cart #report_bug input#submit_button {
	margin-left:28px;
}

/* -------------------------------------------------------------------------------------------------
=Bug Saved
--------------------------------------------------------------------------------------------------*/

#bug_saved {
   	margin-top: 7px;
}

#bug_saved h2 {
   color: #ff0000;
}

/* -------------------------------------------------------------------------------------------------
=Footer (Except Storefronts)
--------------------------------------------------------------------------------------------------*/

/* =Sticky Footer (First 3 Rules)
---------------------------------------*/

html, body { height: 100%; }

#master_wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -167px; /* the bottom margin is the negative value of the footer's height */
}

.push { height: 167px; /* .push must be the same height as .footer */ }

#footer {
    /*position: relative;    
	width: 980px;
	height: 131px;
	margin: 0 auto;
	padding: 35px 0 0;
	text-align: center;
	color: #909090;
	border-top: 1px solid #f1f1f1;*/
	background: transparent url(/images/home/bg_footer.png) no-repeat center bottom;
}

#footer ul {
    margin-bottom: 8px;
}

#footer ul li {
    display: inline;
}

#footer ul li a {
    margin: 0 12px;
    -moz-border-radius: 8px;
}

#footer ul#sub_footer {
    padding: 0 5px;
}

#footer ul#sub_footer li a {
    margin: 0 5px;
    font-size: 11px;
    color: #777;
}

#footer ul#sub_footer li a:hover {
    text-decoration: underline;
}

#footer a:link,
#footer a:visited {
	color: #666;
}

#footer a:hover {
	color: #0ba368;
	/*background-color: #30AFEA;*/
}

#footer a#report_bug_tab:hover {
    color: #444;
}

#footer p.copyright {
    font-size: 11px;
}

#footer p a:link,
#footer p a:visited {
	color: #30afea;    
}

#footer p a:hover {
    text-decoration: underline;
}

#free_store {
   display:block;
   position:absolute;
   overflow:hidden;
   bottom: 2px;
   left: 139px;
   height: 70px;
   width: 50px;
   text-indent: -9999px;
}

/* -------------------------------------------------------------------------------------------------
=Forms
--------------------------------------------------------------------------------------------------*/

input.text {
    /*width: 300px;*/
    margin: 0;
	padding: 7px 5px 4px;
	/*color:#666;*/
	color: #555;
	font-size: 18px;
	font-family: inherit;
	border-color: #E5E5E5;
	border-style: solid;
	border-width: 0 1px 1px 0;
	background: #fff url(/images/bg_input.png) no-repeat scroll left top;
}

textarea.text {
    margin: 0;    
    padding: 5px;
    color: #555;
    font-weight: normal;
}

.row {
	/*padding: 15px 0 5px;*/
	margin: 0 0 15px;
}

.field {
	margin: 0 0 0 120px;
}

.field label.instruction {
	clear: both;
	display: block;
	width: 310px;	
	margin: 5px 0 0 1px;	
	color: #666;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

/*label.name {
	display: block;
	float: left;
	width: 110px;
	margin-top: 3px;
	text-align: right;
}*/

/* -------------------------------------------------------------------------------------------------
=Error Messages
--------------------------------------------------------------------------------------------------*/

div#notice {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

div.success,
div.error {
	position: absolute;
	left: 50%;
	top:0;
	width: 400px;
	margin-left: -221px;
	padding: 20px 20px;
	color: #FFF;
	text-align: center;
}

div.success { background-color: #8dc63f; }

div.error { background-color: #ed4c4c; }

h4.heading {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -.5px;
}

p.content {
	display: block;
	font-size: 12px;
	line-height: 18px;
}

.close_flash {
	display: block;
	font-size: 11px;
	margin-top: 10px;
}

div#notice a:link,
div#notice a:visited {
   text-decoration:underline;
   color:#FFF;
}

div#notice a:hover {
    text-decoration: none;
}

.fieldWithErrors input{
   background-color:#ED4C4C;
   background-image:none;
   color: #FFF;
}

/* -------------------------------------------------------------------------------------------------
=Messaging
--------------------------------------------------------------------------------------------------*/
#site_alert {
  font-weight:bold;
}

#site_alert.community_alert {
  color: #FFF;
  background-color: #1e92d1;    
}

#site_alert.admin_alert {
    color: #FFF;
    background-color: #f26522;
}

body#index.cart #master.message {
    /*background-color: #736357;*/
}

#site_alert.storefront_alert {
    color: #F1F1F1;
    background-color: #333;
}

#site_alert.printing_alert {
    color: #333;
    background-color: #ffcc33;
}

#site_alert .wrapper {
    margin: 0 auto;
    width: 980px;
    padding: 0;
}

#site_alert img {
    float: left;
    width: 24px;
    height: 24px;
    margin: 6px 0 0 0;
}

#site_alert p {
    float: left;
    font-size: 11px;
    padding: 10px;
    text-align: left;
}

#site_alert a:link,
#site_alert a:visited {
    color: #FFF;
    text-decoration: underline;
}

#site_alert.printing_alert a:link,
#site_alert.printing_alert a:visited {
    color: #333;
}

#site_alert a:hover {
    text-decoration: none;
}

#main #system.message {
   background:#fead60;
   padding: 0;
   color:#fff;
   text-align:left;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#main #system.message h6 {
   color:#FFF;
   background-color: #006600;
   background-image: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#system.message a:link, #system.message a:visited{
   color:#F26522;
   padding:0;
   border-bottom:1px dotted #F26522;
}
#system.message a:hover {
  border-style: solid;
}
.system_update {
    padding: 15px 20px;
    font-size: 11px;
}

.system_update .update {
  line-height:16px;
}

.system_update a:link, .system_update a:visited{
  color:#FF535C;
}

.system_update a:hover {
  text-decoration:underline;
}

.system_update .title {
  color:#FF535C;
}
#main .message {
    position: relative;
    margin-bottom: 10px;
    text-align: left;
    -moz-border-radius: 3px;
}

#main .message a:link, #main .message a:visited {
    text-decoration: underline;
    color: #30afea;
}

#main .message a:hover {
    text-decoration: none;
}

#main .message a.hide {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 36px;
    height: 12px;
    text-indent: -9999px;
    background: transparent url(/images/admin/btn_hide.png) no-repeat;
    
}

#main .outer_box .message {
    margin: 10px 20px;
    color: #538AA1;
    background-color: #C4E3F1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#main .message {
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#main .message p {
   font-size: 11px;
   color: #999;
   line-height: 16px;
   padding: 10px 0px;
}

#main .message p, #sidebar #profile_avatar_container {
   border-top: 1px solid #FFF;
}

#main .message h6 {
    color: #30AFEA;
    font-weight: normal;
    font-size: 18px;
    padding: 5px 0;
    border-bottom: 1px solid #e1e1e1;
    background-color: transparent;
}

h6#message {
   padding: 10px 15px;
   font-weight: normal;   
   margin: 0 0 20px;
   text-align: left;
}

h6#message.error {
   color: #FFF;
   background-color: #ed4c4c;
}

h6#message.success {
   color: #FFF;
   background-color: #61DB45;
}

#mainarea {
	width: 600px;
	margin-left: 330px;
	margin-top: 20px;
}

#oneproduct {
	float: left;
	width: 600px;
	margin-left: 330px;
	margin-top: 20px;
}

.productpix {
	float: left;
	width: 150px;
	border: 1px solid left;
}

.producttxt {
	float: left;
	width: 400px;
}

.producttxt h6 {
	color: #006600;
}

.mission {
	font-size: 130%;
}

h4 {
	color: #006600;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#1c773c}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #9dc4ab;
  border-right:1px solid #9dc4ab;
  background:#54996c}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e8f1eb;
  border-right:1px solid #e8f1eb;
  background:#479061}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #479061;
  border-right:1px solid #479061;}
.spiffy4{
  border-left:1px solid #9dc4ab;
  border-right:1px solid #9dc4ab}
.spiffy5{
  border-left:1px solid #54996c;
  border-right:1px solid #54996c}
.spiffyfg{
  background:#1c773c;
  color: #fff;
  }
.spiffyfg p{
  margin:0;
  padding-left: 10px;
  padding-right: 10px;
  }
.spiffyfg h4 {
  color:#fff;
  padding-left: 10px;
  padding-bottom: 10px;	
}

