/*
-----------------------------------------------------------
Vesess - http://vesess.com
Main Stylesheet

Basic styling : initial.css
IE Hacks      : ie_hacks.css

----------------------------------------------------------- */

body { font-size: 75%; color: #111; font-family: Arial, Helvetica, sans-serif; line-height: 150%; }
body#log_in { background-color: #262626; }

a, a:link { color: #105BCE; }
a:visited { color: #9999FF; }
a:hover { color: #0E47A7; text-decoration: none; }
a img { border: 0; }

h1, h2, h3, h4 { font-weight: normal; }
h2 { font-size: 150%; line-height: 150%; }
h3 { font-size: 120%; line-height: 150%; }
h4 { font-size: 100%; font-weight: bold; line-height: 150%; }
h5 { font-size: 90%; line-height: 150%; }
h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; line-height: 150%; }
code, kbd { font-size: 120%; }
hr { height: 1px; border: #BFDCA0 1px solid; background-color: #BFDCA0; }
dt { font-weight: bold; }

/* Helper classes */
.hide { display: none; }
.hover { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }
.lfloat { float: left; }
.rfloat { float: right; }
.full { width: 100%; }
.no_margin { margin: 0; }
.no_top_margin { margin-top: 0; }
.no_bot_margin { margin-bottom: 0; }
hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; }
span.explain { border-bottom: #111 1px dotted; }

div#wrapper { }

div#header { padding: 0; width: 100%; background-color: #3D3D3D; }

	div#links_wrap { width: 100%; float: left; background-color: #262626; color: #FFF; }
	div#links { border-bottom: 1px solid #14110E; width: 100%; float: left; }
	div#nav { margin: 0 auto; width: 960px; }
	ul#menu { margin: 0;  width: 960px; float: left; padding: 0; list-style: none; font-size: 16px;  border-right: 1px solid #000; }
		ul#menu li { margin: 0; padding: 0; display: inline; }
		ul#menu a { padding: 5px 15px; float: right; color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; border-left: 1px solid #000; }
		ul#menu li#home_link { float: left; }
		ul#menu li#home_link a { border-right: 1px solid #000; float: left; }
		ul#menu a:hover { color: #F8B31A; }
		ul#menu a.current { color: #F8B31A; }
    body#home li#home_link a,
    body#help li#help_link a,
    body#features li#features_link a { color: #F8B31A}
		body#help div#help_box dt { margin-bottom: 10px; }
		ul#menu a#close { color: #F8B31A; }
		
	div#login_wrap { width: 100%; float: left; overflow: hidden; position: relative; z-index: 3; display: none; }
	div#login { margin: 0 auto; width: 960px; }
	div#login_info { margin-right: 20px; padding: 20px 0; float: left; width: 580px; text-align: right; }
	div#login_info p { margin: 0; }
	div#login_info p#login_label { margin-bottom: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #F8B31A; }
	div#login_form { padding: 20px 0; float: right; width: 360px; }
  input#submit_btn { margin-top: 10px; outline-color: #FFF; }

	div#header h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; }	
	body#home div#header h1, body#log_in div#header h1 { margin: 0 auto; width: 960px; border-bottom: 1px solid #333333; padding: 0; text-align: center; }

	div#log_in_box, div#sign_up_box { margin: 30px auto 0 auto; width: 520px; background: url(../images/log_in_box_bot_bk.png) no-repeat bottom left; }
	div#log_in_box h2, div#sign_up_box h2 { margin: 0; padding: 10px 10px 0 10px; line-height: 100%; font-size: 130%; color: #333; background: url(../images/log_in_box_top_bk.png) no-repeat top left; }
	div#log_in_box div.form-container, div#sign_up_box div.form-container { padding: 20px 30px 22px 30px; color: #333; }
	div#log_in_box div.form-container div#error, div#sign_up_box div.form-container div.error { margin-bottom: 20px; padding: 7px 10px; background-color: #F60; border: 1px solid #DD5800; color: #FFF; }
	div#log_in_box div.form-container div#flash, div#sign_up_box div.form-container div.flash { margin-bottom: 20px; }

  div#flash { margin: 5px 0 10px 0; padding: 5px 10px 5px 10px; clear: both; font-size: 110%; }
		div#flash p { margin: 0; }
		div.error { color: #FFF; background: #F60 no-repeat 10px center; border: 1px solid #DD5800; }
		div.notice { color: #FFF; background: #55B217 no-repeat 10px center; border: 1px solid #45A60D; }
		div.warning { color: #FFF; background: #F60 no-repeat 10px center; border: 1px solid #DD5800; }
		div#flash a { font-weight: bold; color: #FFF; }
	

  div.errors { margin: 0 0 10px 0; padding: 5px 10px 5px 30px; border: #FC0 1px solid; background: #FF9 no-repeat 5px 5px; }
  div.errors p { margin: 0; }
  div.errors em { color: #C00; font-style: normal; font-weight: bold; }

	div#log_in_box div.form-container label { width: 85px; display: block; float: left; padding-top:5px; }
	div#log_in_box div.form-container div { margin-bottom: 10px; }
	div#log_in_box input#user_session_email { padding: 3px 0; width: 310px; }
	div#log_in_box input#user_session_password { padding: 3px 0; width: 149px; }
	div#log_in_box div.form-container div.controlset { margin-left: 82px; }
	div#log_in_box div.form-container div.controlset label { padding-top: 0; vertical-align: text-bottom; display: inline; width: auto; float: none; font-size: 11px; }
	div#log_in_box div.form-container div.buttonrow { margin: 5px 0 0 85px; }
	div#log_in_box div.form-container div.buttonrow a { position: relative; top: -15px; left: 5px; font-size: 11px; }
	div#log_in_box input#email { padding: 3px 0; width: 310px; }
	
	div#sign_up_box div.form-container fieldset.styled { background-color:#FFFFD7; border:1px solid #FDE4AC; margin: 10px 0; padding: 12px 10px 2px 10px; }
	div#sign_up_box div.form-container label, div#sign_up_box div.form-container span.label { display:block; float:left; margin-right:10px; padding-right:10px; position:relative; text-align:right;
width:145px; }
	div#sign_up_box div.form-container div { margin-bottom: 10px; }
	div#sign_up_box div.form-container div.buttonrow { margin-bottom: 0; }
	div#sign_up_box div.form-container input#user_name, div#sign_up_box div.form-container input#user_email, div#sign_up_box div.form-container input#user_password, div#sign_up_box div.form-container input#user_password_confirmation, div#sign_up_box div.form-container input#user_business_attributes_name { width: 260px; }
	div#sign_up_box div.form-container select#user_business_attributes_currency_id { width: 265px; }
	div#sign_up_box div.form-container form p.note { margin: 0; padding: 0; color:#666666; font-size:90%; margin-left:170px; }
	div#sign_up_box div.form-container h3 { margin: 0; font-size:140%; font-weight:normal; }
	div.availability { color: #090; margin: 5px 0 0 32px; }
	div.not_availability { color: #C00; margin: 5px 0 0 32px; }

	div#options_wrap { width: 100%; }
	body#log_in div#options_wrap { padding-bottom: 10px; min-height: 400px; }
	div#options { margin: 0 auto; width: 960px; border-top: 1px solid #474747; color: #CCC;  }
	div.option { width: 300px; float: left; }
	div.option a { color: #CCC; }
	div.option a:hover { color: #FFF; }
		div.option h2 { margin: 10px 0 0 0; }
		div.option p { margin: 0 0 20px 0; }
		div#upgrade { margin: 0 20px; }

	div#intro_wrap { width: 100%; float: left; background: url(../images/intro_wrap_bk.png) #F0DA70 repeat-x top left; }
	body#home div#intro_wrap { background: url(../images/intro_wrap_home_bk.png) #F0DA70 repeat-x top left; }
	div#intro { margin: 0 auto; width: 960px; }
	body#home div#intro h2 { margin: 15px 0; color: #191919; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; }
	body#home div#intro h3 { margin: 10px 0 0 0; float: left; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: #333; }
	div.highligh { margin: 0 20px 20px 0; float: left; width: 176px; }
	div.last_highligh { margin-right: 0; }
	div.highligh img { width: 176px; height: 138px; float: left; }

div#content { margin: 0 auto; width: 960px; clear: both; }
	div#content h2 { color: #191919; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; }
	div#content div.tos h3, div#content div.privacy h3 { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
	div#content div.tos ol, div#content div.privacy ol { margin-left: 10px; }
	div#content div.tos ol li, div#content div.privacy ol li { margin-bottom: 5px; }
	
	div#main { margin-right: 20px; width: 715px; float: left; }
	div.tos, div.privacy { padding-top: 7px; }
	body#home div#main { width: 600px; float: left; }	

		table {	margin: 0 0 1em 0; width: 100%;	border-collapse: collapse; }
		body#home div#main table { margin-bottom: 20px; }	
		table caption { display: none; }
		table thead { border-bottom: 1px solid #EFEFEF; }
		table thead th { padding: 8px 10px; }
		table tbody td { padding: 5px 0; vertical-align: middle; border-bottom: #EFEFEF 1px solid; }
		
		th#features { width: 280px; color: #FFF; }
		th#standard { border-right: 1px solid #FFF; }
		th#standard, th#pro { color: #FFF; width: 130px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; background-color: #3D3D3D; line-height: 140%; }
		th#standard span, th#pro span { color: #F9B820; font-size: 15px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
		td.standard { background-color: #F9F9F9; border-right: 1px solid #FFF; text-align: center; }
		td.pro { background-color: #F7F7F7; text-align: center; }
		td.standard img, td.pro img { position: relative; top: 2px; }
		

		p#excerpt { margin-bottom: 0; padding-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #666; font-style: italic; line-height: 150%; border-bottom: 1px solid #F4E393; }
		div.features { border-bottom: 1px solid #F4E393; float: left; }
		div.features dl { margin: 0; float: left; width: 350px; clear: both; }
		div.features dl.mid { margin: 0 0 0 15px; clear: none; }
		div.features dl dt { margin-bottom: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #090; font-weight: normal; font-style: italic; }
		div.features dl dt img { margin-left: 10px; vertical-align: middle; }
		div.features dl dd { margin: 0 0 20px 0; }

		div#help_box h2 { margin-bottom: 15px; }
		div#help_box h3 { margin-top: 20px; padding-top: 15px; border-top: 1px solid #F4E393; font-size: 16px; color: #262626; font-family: Georgia, "Times New Roman", Times, serif; }
		div#help_box dl { margin-top: 0; }
		div#help_box dl dt { padding-left: 17px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #090; font-weight: normal; font-style: italic; background: url(../images/new/help_list_bk.png) no-repeat 0 5px; }
		div#help_box dl dt.close { font-weight: bold; }
		div#help_box dl dd { margin: 10px 0 15px 15px; padding: 7px 10px; background-color: #F7F7F7; }
		div#help_box form label { display: block; font-weight: bold; width: 350px; }
		div#help_box form input, div#help_box form textarea { margin-bottom: 10px; font-size: 120%; width: 350px; border: 1px solid #CCC; }
		div#help_box form input { padding: 5px 2px; }
		div#help_box form textarea { height: 120px;}
		div#help_box form input#send_btn { width: auto; border: none; }
		
		div#modules { float: left; width: 100%; }
		div#modules h2 { margin-bottom: 0; }
		div#modules dl { margin: 15px 0 0 0; padding: 0; float: left; width: 100%; border-bottom: 1px solid #EFEFEF; }
		div#modules dl.last { border: none; }
		dt.module_title { margin: 0; margin-bottom: 5px; width: 595px; float: left; clear: both; font-size: 16px; color: #090; font-style: italic; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
		dt.module_title a { color: #090; }
		dd.module_text { margin: 0 0 17px 0; width: 595px; float: left; }
		dd.module_text a.more {  margin: 10px 0 0 0; display: block; }
		dd.module_price { margin: 0 0 0 20px; padding: 20px 10px; width: 78px; line-height: 200%; text-align: center; float: right; color: #333; position: relative; top: -19px; background-color: #F4E393; border: 1px solid #F0DA70; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; }
		dd.module_price strong { display: block; font-weight: normal; font-size: 40px; font-family: Georgia, "Times New Roman", Times, serif; }
		div#coming { margin-bottom: 10px; float: left; width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; }
		div#coming p { margin: 10px 0; color: #666; }	
		a.more { margin-top: 10px; }	

		div#sub { margin: 20px 0; width: 225px; float: right; }
		body#home div#sub { margin-top: 0; margin-left: 0; width: 340px; float: right; }
		div.sub_content { padding: 0 10px; border: 1px solid #F0DA70; border-top: none; width: 203px; float: left; }
		h2.sub_img_title { margin: 0; height: 40px; }
		ul.list_1 { list-style: none; }
		ul.list_1 li { margin: 0 0 10px 0; padding-left: 24px; line-height: 150%; background: url(../images/list_1_bk.png) no-repeat 0 5px; color: #3D3D3D; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; }
		
		div#sub dl {}
		div#sub dt { margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; font-style: italic; color: #090; }
		div#sub dt a { color: #090; }		
		div#sub dd { margin: 0 0 20px 0; }
				
			ul#submenu { margin: 0 0 20px 0; padding: 0; float: left; width: 100%; list-style: none; font-size: 120%; border-top: #BFDCA0 1px solid; }
				ul#submenu li { margin: 0; padding: 0; float: left; width: 100%; border-bottom: #BFDCA0 1px solid; }
				ul#submenu li a { padding: 0 10px; float: left; width: 220px; line-height: 2.5em; text-align: right; text-decoration: none; color: #D90000; }
				ul#submenu li a:hover { color: #F00; background-color: #E9F3DE; }
				
		div#signup { margin-bottom: 20px; border: 1px solid #F0DA70; background-color: #F4E393; }
		div#signup p { margin: 10px 0 7px 0;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #3D3D3D; }
		div#signup p img { vertical-align: middle; }	
		div#signup p#signup_text { float: left; width: 600px; text-align: right; padding: 10px 20px 0 0; clear: both;  }
		div#signup p#signup_img { }
					
div#footer { padding: 10px 0 0 0; background-color: #3D3D3D; color: #FFF; }
	div#footer_contact { margin: 0 auto; width: 960px; }
		div#contact div.feature h3 { margin-bottom: 0; }
			div.feature { float: left; }
				div.feature h2 { margin: 10px 0; text-transform: uppercase; font-weight: bold; color: #999; font-size: 95%; }
				div.feature h3 { margin: 0; }
					div.feature h3 a {  }
					div.feature a:hover {  }
				div.feature h4.date { margin: 0 0 1em 0; font-size: 90%; font-weight: bold; color: #999; }
				div.feature p { margin: 0 0 1em 0; }
				div.feature p.meta { font-size: 90%; }

		div#our_blog { width: 50%; }
		div#twitter { width: 23%; margin: 0 2%; }
		div#say { width: 23%; }
		
		div#our_blog p.more a, div#twitter p.more a, div#say p.more a { color: #F0DA70; }
		
		dl#blog_post { margin: 0 0 10px 0; }
		dl#blog_post dt { margin-top: 10px; }
		dl#blog_post dt a { color: #F0DA70; font-weight: bold; }		
		dl#blog_post dd { margin: 0; }
		dl#blog_post dd.post_date { margin-bottom: 5px; font-size: 90%; color: #999; }
		
		div#twitter p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
		div#twitter p span { font-size: 11px; color: #999; }		
		
		div#say blockquote { margin-left: 0; border-bottom: 1px solid #333; font-family: Georgia, "Times New Roman", Times, serif; color: #F0DA70; font-size: 12px; font-style: italic; }
		div#say p.niftycite { padding-bottom: 15px; color: #999; font-size: 11px; line-height: 120%; padding-left: 60px; background: url(../images/adelle_charles.png) no-repeat left top; }
		div#say p.niftycite span { display: block; margin-top: 7px; }
		div#say p.niftycite cite a { font-style: normal; text-decoration: none; color: #FFF; font-weight: bold; font-size: 12px; }
		div#say p.niftycite cite a:hover { text-decoration: underline; }		

    div#meta_wrap { background-color: #262626; float:left; width:100%; }

div#meta { margin: 0 auto; width: 960px; color: #999; font-size: 90%; }
	div#meta a {  }
	div#meta a:hover { }
	p#copyright{ width: 40%; float: left; }
	p#geekery { width: 50%; float: right; text-align: right; }
		p#geekery img { vertical-align: text-bottom; }
    p#geekery a {margin-left: 10px}

  p#footer_link { float: left; width: 50%; font-size: 11px; }
    p#footer_link strong { font-weight: normal; }
    p#footer_link a { color: #999;; text-decoration: none; }
      p#footer_link a:hover { text-decoration: underline; }