@import url(reset.css);

/*============================================================
Essentials
============================================================*/

body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
font-weight: normal;
font-size: 16px;
color: #222;
text-align: center;
background: #dee5cd;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 1em;
font-weight: normal;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #222; 
}

hr.br { color: #FFF; width: 0%; border: none; }


h1 {
font-size: 12px;
margin: 0px;
padding: 0px;
font-weight: normal;
position:absolute;
}
h2 { font-size: 13px; line-height: 1.4em; font-weight: bold; }
h3, h4 { font-size: 13px; font-weight:bold; }
h5, h6 { font-size: 10px; font-weight:bold; }

p, blockquote, li {
font-size: 16px;
line-height: 1.5em;
color: #454545;
}

p, blockquote, ul, ol {
margin-bottom: 1.5em;
}

ul, ol {
list-style-type: disc;
margin-left: 18px;
}

ol {
list-style-type: decimal;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

input,
textarea {
padding: 4px 3px 3px 3px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
line-height: 1.3em;
}

a	{
text-decoration: none;
}

a:link, a:visited {
color: #8eac1a;
}

a:hover, a:active {
color: #708c00;
}

a img	{border: none;}

img { -ms-interpolation-mode:bicubic; }

#logo {
color:#666666;
font-size:x-small;
font-weight:bold;
margin:0 5px 5px 10px;
padding:0;
text-align:center;
}

/*============================================================
Wrapper
============================================================*/

#wrap {
text-align: left;
width: 720px;
margin: 0 auto;
padding: 0 90px;
background: url(../img/content_bg.gif) 0 40px no-repeat;
}

/*============================================================
Buttons
============================================================*/

.button {
display: block;
width: 112px;
height: 28px;
background-position: 0 0;
background-repeat: no-repeat;
border: none;
text-indent: -5000px;
overflow: hidden;
}

.button:hover, .button_hover {
background-position: left bottom !important;
}

/* ie8 fix */
button:hover:active {
-ms-background-position-x: 1px !important;
-ms-background-position-y: -27px !important;
}

.button.static:hover {
background-position: 0 0;
}

button.button {
margin: 0;
padding: 0;
background: transparent;
outline: none;
cursor: pointer;
}

button#btn_sign_up {
background-image: url(/images/site/btn_signup.gif);
}

button#btn_send {
background-image: url(/images/site/btn_send.gif);
}




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

#header {
float: left;
position: relative;
width: 100%;
height: 128px;
}

/* #logo {
float: left;
width: 146px;
height: 36px;
margin-top: 62px;
}

#logo a {
display: block;
width: 100%;
height: 100%;
background: url(/images/site/logo_bc.gif) 0 0 no-repeat;
text-indent: -5000px;
}

#logo a:hover {
background-position: bottom left;
} */

#nav {
float: right;
margin: 70px 0 0 0;
}

#nav li {
float: left;
display: inline;
}

#nav a {
display: block;
height: 28px;
background-image: url(/images/site/nav.gif);
background-repeat: no-repeat;
text-indent: -5000px;
outline: none;
}

#nav_tour a {
width: 64px;
background-position: 0 0;
}

#nav_tour a:hover {
background-position: 0 bottom;
}

#nav_examples a {
width: 107px;
background-position: -64px 0;
}

#nav_examples a:hover {
background-position: -64px bottom;
}

#nav_help a {
width: 69px;
background-position: -171px 0;
}

#nav_help a:hover {
background-position: -171px bottom;
}

#nav_signup a {
width: 160px;
background-position: -240px 0;
}

#nav_signup a:hover {
background-position: -240px bottom;
}

#nav_supplement {
position: absolute;
top: 10px;
right: 0;
margin: 0;
}

#nav_supplement li {
float: left;
display: inline;
}

#nav_supplement a {
display: block;
height: 25px;
background-image: url(/images/site/nav_supplement.gif);
background-repeat: no-repeat;
text-indent: -5000px;
outline: none;
}

#nav_directory a {
width: 112px;
background-position: 0 0;
}

#nav_directory a:hover {
background-position: 0 bottom;
}

/*============================================================
Content
============================================================*/

#content {
float: left;
width: 100%;
min-height: 300px;
padding-bottom: 48px;
padding-top:80px;
}

#content_header {
height: 82px;
}

#content_header h1 {
float: left;
margin: 22px 0 0 0;
font-size: 45px;
color: #fff;
line-height: .9em;
}

#content_header p {
float: left;
margin: 18px 0 0 18px;
padding: 18px 0 15px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-style: italic;
text-indent: 20px;
color: #fff;
background: transparent url(../img/hdr_dots.gif) no-repeat left center;
}

.maincol,
.maincol_two {
display: block;
float: left;
position: relative;
width: 656px;
padding: 32px;
background: #fff;
}

.maincol_two {
width: 448px;
}

.maincol h1 {
font-size: 28px;
font-weight: normal;
color: #222;
}

.sidebar {
float: right;
width: 135px;
margin-right: 16px;
padding: 16px;
background: #fff;
}

.sidebar_pod {
font-size: 10px;
}

/*============================================================
Footer
============================================================*/

#footer {
clear: both;
width: 100%;
padding: 20px 0 32px 0;
text-align: center;
background: url(../img/dots_row.gif) top left repeat-x;
font-size:12px
}

#footer_menu {
float: left;
padding-top: 4px;
list-style: none;
margin: 0;	
}

#footer_menu li {
float: left;
font-size: 11px;
}

#footer a,
#footer p {
color: #808080;
}

#footer a {
padding: 4px 14px;
}

#footer a:hover {
color: #8eac1a;
}

#copyright {
margin: 1px 45px 0 0;
padding-top: 4px;
color: #333;
}

#copyright a {
padding: 4px;
}

#copyright a:hover #logo_indie {
background-position: 0 bottom;
}

/*============================================================
Home
============================================================*/

#site_index #content {
height: inherit;
}

#site_index #content_header {
float: none;
position: relative;
height: 362px;
margin: 32px 0 0 0;
background: url(/images/site/home_bg.jpg) no-repeat #fff;
}

#site_index #content_header a#cta_store {
margin: 32px 0 0 0;
width: 176px;
height: 32px;
background: url(/images/site/btn_home_cta.gif) no-repeat #fff;
}

#site_index #content_header h1 {
position: absolute;
top: 110px;
left: 32px;
width: 529px;
height: 131px;
margin: 0;
text-indent: -9999em;
background: url(/images/site/home_hdr.gif) no-repeat;
}

#site_index #content_header p {
position: absolute;
top: 200px;
right: 0;
margin: 0;
padding: 0 0 0 8px;
width: 320px;
line-height: 21px;
text-indent: 0;
color: #999;
background: none
}

#btn_home_more {
width: 96px;
height: 20px;
margin: 9px 0 0 -7px;
background-image: url(/images/site/home_btn_more.gif);
line-height: 20px;
}

#site_index #content_header.hover #btn_home_more {
background-position: left bottom;
}

.benefits {
float: left;
margin: 0;
padding: 0;
width: 688px;
overflow: hidden;
list-style-type: none;
background: #fff;
}

.benefits .last_child {
background: none;
/*padding-right: 14px;*/
background: #cfeadf;
margin:0 0 20px 20px !important;
}

.benefit {
float: left;
display: block;
/*width: 197px;*/
width: 285px;
height:200px;
padding: 32px 16px 16px 16px;
margin:0 10px 20px;
background: #cfeadf;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-topleft:8px;
}

.benefit2 {
float: left;
display: block;
/*width: 197px;*/
width: 285px;
height:320px;
padding: 32px 16px 16px 16px;
margin:0 10px 20px;
background: #cfeadf;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-topleft:8px;
}

.benefit img {
width: 197px;
height: 138px;
}

.benefit h3 {
margin: 20px 0 8px 1px ;
}

.benefit h2 a,
.benefit h2 a:visited {
color: #222;
}

.benefit h2 a:hover {
color: #8eac1a;
color: #708c00;
}

.benefit p {
margin-left: 1px;
margin-bottom: .75em;	
font-size: 12px;
color: #454545;
}

.benefit2 p {
margin-left: 1px;
margin-bottom: .75em;	
font-size: 12px;
color: #454545;
}

.benefit a.cta {
display: block;	
padding: 2px 0;
font-size: 11px;
text-indent: 12px;
background: url(/images/site/home_benefit_arrow.gif) left center no-repeat;
}

#home_benefits {
width: 100%;
padding: 32px 0;
background: #fff;
}

#home_benefits .benefit {
width: 180px;
padding: 4px 28px 4px 32px;
background: url(/images/site/dots_column.gif) repeat-y right top;
}

#home_benefits .last_child {
background: none;
}



/*============================================================
Tour
============================================================*/

#overview {
/*background: #222;*/
margin-top:40px;
}

#overview h2 {
display: none;
}

#overview p {
margin-bottom: 0;
padding: 30px;
font-size: 16px;
line-height: 24px;
color: #999;
text-align:center;
}

#overview p span {
color: #76cac6;
}

#process {
/*float: left;*/
width: 720px;
/* margin-top: 16px; */
padding-bottom:20px;
/* background: #fff;*/
}

#site_tour #content h2 {
margin: 0;
margin-bottom: 10px;
padding: 18px 0 4px 28px;
background-position: -1px 24px;
background-repeat: no-repeat;
font-size: 18px;
font-weight: bold;
color: #000;
/*text-indent: -9999em;*/
line-height: 18px;
background:transparent url(../img/icon_question.jpg) no-repeat scroll 0 18px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}

#process_steps {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #2;
}

.process_step {
float: left;
width: 176px;
padding: 30px 48px 40px 16px;
color: #808080;
background: url(/images/site/tour_process_arrow.gif) 210px 20px no-repeat;
}

.process_step p {
margin-bottom: 0;
font-size: 11px;
background: none;
}

#process_step1 {
margin-left: 16px;
}

.process_step h3 {
width: 90px;
height: 18px;
margin: 0 0 12px 0;
background: url(/images/site/tour_process_hdr.gif) 0 0 no-repeat;
text-indent: -9999em;
}

#process_step2 h3 {
background-position: -90px 0;
}

#process_step3 {
padding-right: 16px;
background-image: none;
}

#process_step3 h3 {
background-position: -180px 0;
}				

#features_benefits2 {
}				

#features_benefits3 {
}				

#features {
float: left;
margin-top: 16px;
background: #fff;
padding:0 16px;
width:688px;
}

.tour_feature {
float: left;
width: 656px;
margin: 0 32px;
padding: 32px 0;
background: url(/images/site/dots_row.gif) top left repeat-x;
}

.tour_feature:first-child {
background-image: none;
}

.tour_feature img {
float: right;
width: 416px;
height: 160px;
}

.tour_feature h2,
.tour_feature p {
float: left;
width: 192px;
}

.tour_feature h2 {
margin: 16px 12px 8px 0;
}

.tour_feature p {
font-size: 11px;
}

a#tour_faq_link {
clear: both;
float: left;
width: 720px;
height: 48px;
margin-top: 16px;
background: transparent url(/images/site/tour_faq_link.gif) no-repeat ;
}




/*============================================================
Examples
============================================================*/

#examples {
width: 720px;
overflow: hidden;
background: #fff;
}

#examples ul {
float: left;
margin: 0;
padding: 32px 32px 16px 32px;
list-style-type: none;
}

#examples li {
float: left;
position: relative;
width: 208px;	
margin: 0 16px 16px 0;
overflow: hidden;
}

#examples .last_child {
margin-right: 0;
}

#examples li img {
width: 208px;
height: 128px;
}	

#examples li div {
padding: 13px 0 16px 0;
text-align: center;
}

#examples li h3 {
margin: 0;
font-size: 11px;
line-height: 14px;
}

#examples li p {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-style: italic;
}

#examples li p a {
padding: 4px 0;
color: #999;
}

#examples li.hover {
background: #222;
}

#examples li.hover h3 {
color: #fff;
}

#examples li p a:hover,
#examples li.hover p a {
color: #708c00;
}

a#store_directory_link {
width: 720px;
height: 48px;
margin-top: 16px;
background: transparent url(/images/site/examples_explore_link.gif) no-repeat ;
}




/*============================================================
Prices
============================================================*/

#plans {
float: left;
}

.plan {
float: left;
width: 240px;
background: url(/images/site/dots_column.gif) repeat-y right top #fff;
}

#plan_diamond {
background-image: none;
}

.plan h2 {
display: block;
width: 240px;
height: 76px;
margin-bottom: 8px;
background: url(/images/site/plans_hdr.gif) 0 0 no-repeat #222;
text-indent: -5000px;
}

#plan_platinum h2 {
background-position: -240px 0;
}

#plan_diamond h2 {
background-position: -480px 0;
}

.plan ul {
margin: 0 32px 0 16px;
list-style: none;
}

.plan li {
padding: 0 0 0 16px;
font-size: 12px;
color: #666;
background: url(/images/site/icon_plus.gif) 2px center no-repeat;
}

.plan li span.tip {
display: block;
width: 100%;
padding: 8px 0;
background: url(/images/site/dots_row.gif) left bottom repeat-x;
cursor: pointer;
}

.plan li.sol {
color: #ccc;
}

#plan_gold .limit {
font-weight: bold;
color: #222;
}

#plan_platinum .limit {
font-weight: bold;
color: #76cac6;
}

#plan_diamond .limit {
font-weight: bold;
color: #8eac1a;
}

#plans a.signup {
/*width: 112px;*/
width: 212px;
height: 34px;
margin: 24px 0 32px 32px;
text-align: center; 
background-image: url(../img/btn_signup.gif);
}

.signup {
width: 212px;
height: 34px;
/*margin: 24px 0 32px 32px;*/
margin: 24px 0 32px 40px;
text-align: center; 
background-image: url(../img/btn_signup.gif);
}

#prices_faq {
float: left;
width: 100%px;
padding: 16px 0 0 0;
}

#prices_faq h2 {
float: left;
font-weight: bold;
}

#prices_faq dl {
float: left;
width: 320px;
}

#prices_faq dt {
margin-top: 32px;
padding-left: 32px;	
font-size: 12px;
font-weight: bold;
line-height: 16px;	
background: url(/images/site/icon_question.jpg) 8px 0 no-repeat transparent;
}

#prices_faq dd {
width: 288px;
padding-left: 32px;
}

#prices_faq dd p {
margin-bottom: 0;
font-size: 11px;
line-height: 16px;
color: #808080;
}

#faq_col2 {
margin-left: 48px;
}

#prices_faq dt#more_faq {
background-image: url(/images/site/icon_plus.png);
font-weight: normal;
}

/*============================================================
Signup
============================================================*/

#signup_form {
clear: both;
float: left;
width: 720px;
padding: 32px 0 0 0;
background: #fff;
}

#signup_form form {
margin: 0 32px;
}

#signup_form legend {
display: none;
}

#signup_form fieldset {
display: block;
/*margin-bottom: 8px;*/
padding-bottom: 24px;
background: url(/images/site/dots_row.gif) left bottom repeat-x #f3f6ea;
}

#signup_form fieldset h2 {
float: left;
margin: 26px 0 28px 131px;
text-indent: -9999em;
}

#signup_form #signup_store {
width: 279px;
height: 28px;
background: url(/images/site/signup_hdr_store.gif) no-repeat;
}

#signup_form #signup_paypal {
width: 363px;
height: 28px;
background: url(/images/site/signup_hdr_paypal.gif) no-repeat;
}

#signup_form #signup_you {
width: 214px;
height: 28px;
background: url(/images/site/signup_hdr_you.gif) no-repeat;
}				

#signup_form fieldset dl {
float: left;
width: 100%;
}

#signup_form fieldset dt {
clear: both;
float: left;
width: 160px;
margin-right: 16px;
padding: 8px 0 2px 0;
text-align: right;
font-size: 12px;
font-weight: bold;
line-height: 20px;
color: #403f3d;
}

#signup_form fieldset dd {
float: left;
width: 432px;
padding-bottom: 16px;
font-size: 11px;
color: #918862;
}

#signup_form fieldset input {
float: left;
margin: 0;
width: 374px;
height: 24px;
}

#signup_form fieldset input#account_subdomain {
width: 256px;
}

#signup_form fieldset select {
width: 192px;
margin: 9px 0 0 0;
}

dd#subdomain span,
#user_agreement label {
float: left;
display: block;
padding: 12px 0 0 4px;
font-size: 12px;
color: #333;
}

fieldset#fieldset_you {
background-image: none;
}

fieldset#fieldset_plan {
padding-top: 16px;
padding-bottom: 6px;
background: #222;
}

fieldset#fieldset_plan dt {
padding-top: 2px;
color: #999;
}

fieldset#fieldset_plan dd p {
width: 368px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #999;	
}

fieldset#fieldset_plan span.plan_name {
color: #76cac6;
}

#signup_form fieldset ul {
padding-top: 3px;
}

#signup_form fieldset li {
line-height: 18px;
}

#signup_form fieldset li label {
padding-left: 4px;
font-weight: bold;
}

#signup_form dd p,
#signup_form #form_footer p  {
clear: both;
float: left;
margin: 5px 0 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-style: italic;
line-height: 15px;
color: #999;
}

#signup_form dd#user_agreement {
padding-top: 6px;
}

#signup_form fieldset input#account_agreement {
width: auto;
height: auto;
margin-top: 4px;
padding: 0;
}

#user_agreement label {
padding: 6px 0 0 8px;
}

#signup_form #form_footer {
margin: 32px 0 48px 0;
}

#signup_form button#btn_sign_up {
margin: 0 0 0 176px;
}

#signup_form #form_footer p {
clear: none;
float: none;
width: 368px;
margin: 12px 0 0 176px;
padding: 0;
}

#subdomain_results em {
font-weight: bold;
}

#subdomain_results p.good {
color: #76cac6;
}

#subdomain_results p.bad {
color: #e92e6c;
}

/*============================================================
Buzz
============================================================*/

#buzz_container {
position: relative;
width: 720px;
overflow: hidden;
background: #fff url(/images/site/buzz_bg_dots.gif) repeat-y top right;	
}

#buzz {
float: left;
width: 400px;
margin-right: 0;
padding: 32px 32px 0 32px;
}

#buzz h2 {
width: 171px;
height: 17px;
margin-bottom: 0;
text-indent: -9999em;
background: transparent url(/images/site/buzz_hdr_tookind.jpg) no-repeat;
}

#buzz .word {
padding: 24px 32px 28px 32px;
background: url(/images/site/dots_row.gif) top left repeat-x;
}

#buzz #buzz_1 {
background-image: none;
}

#buzz blockquote {
margin-bottom: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #222;
}

#buzz cite {
font-size: 10px;
color: #999;
}	


/* Pull Quote
------------------------------------------------------------*/

#buzz #pull_quote {
margin: 24px 0 8px 0;
padding: 0 0 30px 0;
background: #222;
border-bottom: none;
}

#buzz #pull_quote blockquote {
padding: 24px 32px 0 32px;
margin-bottom: .8em;
font-size: 18px;
font-weight: normal;
line-height: 27px;
color: #ffffff;
}

#buzz #pull_quote cite {
margin: 32px;
color: #ccc;
}

/* More Links
------------------------------------------------------------*/

#buzz_more {
width: 100%;
margin-bottom: 0;
}		

#buzz_more p {
display: block;
margin: 16px 32px 32px 32px;
padding-top: 16px;
font-size: 12px;
font-weight: normal;
border-top: 2px solid #eee;
}

#buzz_more_testimonials {
width: 400px;
float: left;
}

#buzz_more_twitter{
width: 192px;
float: right;
}	

#buzz_twitter,
#buzz_press {
float: left;
width: 192px;
padding: 32px;
}


/* Contact & Goodies CTA
------------------------------------------------------------*/

#buzz_contact{
float: left;
width: 463px;
margin-top: 16px;
background: #d6f1e4 url(/images/site/buzz_contact_illo.jpg) no-repeat 242px center;
}

#buzz_contact h2 {
width: 189px;
height: 17px;
margin: 0 0 4px 0;
padding: 24px 0 0 32px;
text-indent: -9999em;	
}

#buzz_contact h2 a {
width: 189px;
height: 17px;
background: transparent url(/images/site/buzz_cta_contact.jpg) no-repeat;
}

#buzz_contact p {
width: 200px;
padding: 0 0 0 32px;
}

#buzz_press {
float: left;
margin-top: 16px;	
padding: 24px 32px 0 32px;
background: #d6f1e4 url(/images/site/buzz_cta_dots.gif) repeat-y left top;
}	

#buzz_contact p,
#buzz_press p {
margin-bottom: 24px;
font-size: 11px;
line-height: 15px;
color: #777;
}

#buzz_press h2 {
width: 146px;
height: 17px;
margin: 0 0 4px 0;
text-indent: -9999em;
}

#buzz_press h2 a {
width: 149px;
height: 17px;
background: transparent url(/images/site/buzz_cta_goodies.jpg) no-repeat;
}

#buzz_press p {
padding: 0;
}

/*============================================================
Policies
============================================================*/

.policies .maincol {
width: 656px;
margin-top: 32px;
padding: 0 32px 0 32px;
}

#policies_list {
float: right;	
width: 144px;
margin: 27px 0 32px 0;
border-bottom: 1px solid #eee;

}

#policies_list h2 {
width: 64px;
height: 14px;
margin-bottom: 16px;
text-indent: -9999em;	
background: transparent url(/images/site/policies_hdr_policies.jpg) no-repeat 0 0;
}

#policies_list li {
font-size: 11px;
list-style-type: none;
border-top: 1px solid #eee;
}

#policies_list li.first_child {
border: none;
}	

#policies_list li a {
display: block;
width: 100%;
padding: 7px 0 6px 0;
}

#policies_list #selected_policy a {
color: #ccc;
}

ol#copyright_procedure {
list-style-type: upper-latin;
}

#policies_content {
float: left;
width: 448px;
margin: 0;
padding: 32px 32px 32px 0;
background: transparent url(/images/site/dots_column.gif) repeat-y top right;
}

#policies_content h2 {
margin: 1.5em 0 .75em 0;
font-size: 18px;
font-weight: normal;
line-height: 1.3em;
}

#policies_content p,
#policies_content ul li,
#policies_content ol li{
font-size: 12px;
}




/*============================================================
Goodies
============================================================*/

#goodies {
width: 720px;
padding: 32px 0 0 0;
overflow: hidden;
background: #ffffff;
}

#goodies .goodies_download {
float: left;
width: 656px;
margin: 0 0 0 32px;
padding: 24px 0 0 0;
background: #fff url(/images/site/dots_row.gif) repeat-x top left;
}

#goodies #goodies_logo {
background-image: none;
}

#goodies .goodies_download h3, #goodies .goodies_download p.goodies_byline {
float: left;
width: 144px;
margin-left: 2px;
}

#goodies .goodies_download p {
clear: left;
font-size: 11px;
color: #999999;
}

#goodies .goodies_download span {
display: block;
float: right;
position: relative;
top: -28px;
width: 468px;
margin: 0 0 32px 0;
}

#goodies .goodies_download span#goodies_logo a{
height: 84px;
width: 469px;
background: transparent url(/images/site/goodies_logo.gif) no-repeat;
}

#goodies .goodies_download span textarea {
width: 300px;
height: 32px;
margin-top: 8px;
padding: 0;
font-family: "Courier New", Courier, mono;
font-size: 12px;
overflow: auto;
}

#goodies .goodies_download #goodies_disclaimer {
position: relative;
top: 0;
}




/*============================================================
Contact
============================================================*/

#contact_body {
clear: both;
float: left;
width: 100%;
margin: -32px 0 32px 0;
padding-top: 32px;
}

#contact_copy {
float: left;
width: 384px;
margin-top: -4px;
}

#contact_copy p {
margin: 0;
}

#contact_hours {
float: right;
width: 208px;
margin: -32px 0 0 0;
padding: 28px 0 0 32px;
background: url(/images/site/dots_column.gif) repeat-y left top;
}

#contact_hours h3 {
margin: 0;
font-size: 11px;
line-height: 19px;
}

#contact_hours p {
margin: 0;
font-size: 11px;
}

#office_status {
display: inline;
text-transform: uppercase;
color: #76cac6;
}

#response_time {
font-weight: bold;
font-style: italic;
}

#contact_form,
#contact_sent {
clear: both;
width: 528px;
padding: 32px 64px 8px 64px;
background: #f3f6ea;
}

input#subject {
width: 99%;
}

#live_help {
clear: both;
float: left;
width: 100%;
margin-top: 24px;
}

#live_help h3 {
margin-bottom: .7em;
font-size: 14px;
font-weight: bold;
}

#live_help ul {
clear: both;
float: left;
width: 527px;
margin: 8px 0 32px 0;
list-style: none;
background: url(/images/site/dots_row.gif) top left repeat-x;
}

#live_help ul li {
width: 100%;
font-size: 12px;
color: #808080;
background: url(/images/site/dots_row.gif) bottom left repeat-x;
}

#live_help ul li a {
display: block;
width: 495px;
padding: 6px 8px 6px 24px;
background-position: 0 8px;
background-repeat: no-repeat;
}

#live_help ul li.article a {
background-image: url(/images/site/icon_article.gif);
}

#live_help ul li.faq a {
background-image: url(/images/site/icon_question_green.gif);
}

#live_help_close {
clear: both;
font-size: 14px;
}

#live_help.searching #live_help_close {
display: none;
}

#live_help.searching li,
#live_help.noresults li {
padding: 6px 0;
}

#contact_form fieldset {
display: block;
}

#contact_form dl {
float: left;
}

#contact_form dt,
#contact_form h3 {
clear: both;
float: left;
width: 100%;
margin-bottom: .7em;
font-size: 14px;
font-weight: bold;
}

#contact_form dt.summarize {
font-size: 18px;
}

#contact_form dd {
float: left;
width: 100%;
padding-bottom: 24px;
font-size: 11px;
color: #918862;
}

#contact_form input,
#contact_form textarea {
float: left;
margin: 0;
width: 98%;
line-height: 18px;
}

#contact_form textarea {
height: 120px;
}

#contact_form dd p {
clear: both;
float: left;
margin: 5px 0 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-style: italic;
line-height: 14px;
color: #999;
}

#contact_form input#store {
width: 400px;
}

.domain {
float: left;
padding: 9px 0 6px 4px;
font-size: 13px;
color: #333;
}

#contact_form #btn_send {
margin: 8px 0 24px 0;
}

#contact_sent {
padding-top: 32px;
padding-bottom: 16px;
}

#contact_sent h2 {
margin-bottom: .5em;
font-size: 18px;
}

#topics {
padding-bottom: 16px;
}

#topics h3 {
font-size: 18px;
}

#topics_select {
position: relative;
clear: both;
width: 100%;
}

a#topic_choose {
display: block;
clear: both;
width: 509px;
margin: 0;
padding: 7px 0 6px 10px;
background: url(/images/site/icon_select_arrow.gif) 97.5% 14px no-repeat #fff;
border: 4px solid #bbd652;
font-size: 16px;
}

a#topic_choose:hover,
#topics a:hover {
background-color: #f4fbdd;
}

#topics ul {
position: absolute;
top: 35px;
left: 0;
width: 519px;
margin: 0;
padding: 1px 0 0 0;
background: url(/images/site/dots_row.gif) 0 0 repeat-x #fff;
border: 4px solid #bbd652;
border-top: none;
}

#topics li {
display: block;
margin: 0;
padding: 0;
width: 100%;
}

#topics li a {
display: block;
width: 509px;
padding: 7px 0 6px 10px;
font-size: 16px;
}

#topics a.selected {
color: #ccc;
}

#topics a.selected:hover {
background-color: #fff;
}

#contact_form .answer {
padding-bottom: 16px;
}



/*============================================================
Debris
============================================================*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#bm {

background:#FFF none repeat scroll 0 0;
padding:12px 8px 18px 14px;
margin:8px 0 14px;
font-weight:bold;
background-image: url(images/sm_bg.gif);
background-repeat: no-repeat;
height:54px;
text-align:left;
border:8px solid #C6D965;
font-size:80%;
line-height: 1.1em;
}
#bm img{
margin: 0 6px 3px 0;
vertical-align:middle;
}
.bm_info{
background: url(bm/image/tick.png) no-repeat scroll top left;
float:left;
width:500;
padding:2px 0 0 20px;
}

/* ボタン */
.status-btn {
/*float:right;*/
/*margin-left:3px;*/
padding:0px 12px 0 12px;
background-image:url('bm/image/bm_bg.jpg');
width:140px;
height:32px;
border:0;
color:#555;
font-size:14px;
font-weight:bold;
}
.status-btn:hover {
background-image:url('bm/image/bm_bg_hover.jpg');
color:#fff;}


.status-btn input.round-btn {
background-image:url('http://s.twimg.com/a/1264119427/images/round-btn.gif');
width:115px;
height:32px;
border:0;
color:#fff;
font-size:14px;
margin-left:3px;
}
.status-btn input.disabled,.status-btn input.disabled:hover {
background-image:url('http://s.twimg.com/a/1264119427/images/round-btn.gif');
color:#aaa;
cursor:default;
}