/* CSS Document */

/****************************************************/
/******* Written January 09 2009 by Eric Sloan ******/
/* Template file for marketingtips.com improvements */
/****************************************************/

/***********************************/
/* Import all external stylesheets */
/***********************************/

@import url(reset.css);
@import url(typography.css);

/***************************/
/* GENERAL TEMPLATE ITEMS  */
/***************************/

.red {color: #cc0000;}
.blue {color: #0000cc;}
.large {font-size: 26px; margin: 0; line-height: 22px;}
.center {text-align:center;}
input.text {border:1px solid black; padding: 2px;}
.clr {clear:both;}
a.tooltip {color: green; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid green;}

body {background: #faf8f2 url(../images/page_BG2.png) 0 0 repeat-x;}

h1 {font-size:26px; font-weight:bold; line-height: 1.3em; text-align:center;}

#loading_layer {position:absolute; width: 100%; height: 100%; background-color: white; left: 0; top: 128px; z-index: 2; text-align:center;}
 #loading_layer h3 {font-size: 24px; font-weight: bold; margin: 18px 0 20px;}
 #loading_icon {margin-top: 42px; z-index:3;}
 p#loading_desc {font-size: 18px; font-weight: bold; margin-top: 55px; font-family: Arial, Helvetica, Sans-serif;}

#container {width: 960px; margin: 0 auto; z-index: 1;}

#banner {height: 140px; display:block; position:relative;}
 #logo {left: 5px; top: 30px; position:absolute;}
 #poweredby {position:absolute; right:0; top:30px;}
 
#form {margin: 0 auto; position:relative; text-align:center;}
 #form form {}
 #form input.text {border: 1px solid black; padding: 4px; display:block; width: 340px; margin: 4px auto 8px; font-size: 16px;}
 #form input.submit {margin: 4px 18px 12px;}
 
#title_text {margin-bottom: 32px;}
  #title_text h1 {color: #8d0606; margin-bottom: 0; font-size: 30px;}
  #title_text p {margin-bottom: 12px; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Sans-serif;}

#formtext {position:absolute; right: 33px; width: 273px; top: 40px;} 

ul.greenlist {list-style-type:none;}
 ul.greenlist li {background: url(../images/list_arrow.png) 0 0 no-repeat; padding-left: 30px;}
 ul.greenlist h3 {margin-bottom: 2px;}
 ul.greenlist p {margin-bottom: 8px;}
  
#white_box {width: 865px; position:relative; margin: 0 auto; background: url(../images/body_shadow.png) 0 0 repeat-y;}
 #white_box_t {display:block; background: url(../images/top_shadow.png) 0 0 no-repeat;}
 #white_box_b {display:block; background: url(../images/bottom_shadow.png) bottom left no-repeat; padding: 30px 70px;}
 
 #white_box h2 {font-size: 1.8em; font-weight: bold; margin-bottom: 0;}
 #white_box h3 {font-size:2em; font-weight: bold; margin: 8px 0 14px!important; line-height: 1.2em;}
 #white_box fieldset {width: 315px; margin: 20px auto; text-align: center; padding: 25px; border: 1px dashed #ccc;}
  #white_box fieldset ul {list-style-type:none; font-weight: bold; text-align:right; font-size:14px; margin: 0 0 25px;}
   #white_box fieldset ul li {margin-bottom: 12px;}
   #white_box fieldset ul li input {margin-left: 12px; padding: 3px; width: 240px;}
   
table#results {border: 1px dashed #666; padding: 10px; margin-bottom:0; width: 300px; float:left; background-color: #ebfce3;}
 table#results th {font-size: 16px;}

#features {width: 390px; margin-top: 16px; margin-left: 30px; margin-bottom: 0px; float:left;}
 #features h2 {text-align:center; color: #7C1818;}
 #features ul {margin-top: 20px; margin-left: 0; margin-right: 0;}
 #features li.staricon {background: url(../images/star.png) 0 0 no-repeat;}
 #features li.attentionicon {background: url(../images/error_icon.png) 0 0 no-repeat;}
 #features li.movieicon {background: url(../images/relevance.png) 0 0 no-repeat;}
 #features li.notesicon {background: url(../images/chart.png) 0 0 no-repeat;}
 #features li.moneyicon {background: url(../images/money_icon.png) 0 0 no-repeat;}
 #features li {list-style-type:none; padding-left: 75px; padding-top: 2px;}
  #features li h3 {font-size: 18px; font-weight: bold; margin-bottom: 4px!important;}

#congrats {width: 650px; border: 1px dashed #ccc; padding: 20px; margin: 20px auto;}

#learnmore {text-align: center; display:block; margin: 10px 3px 0 0;} 

#results {width:302px; background: url(../images/small_box_mid.png) 0 0 repeat-y; float:left;}
 #results_t {display:block; background: url(../images/small_box_top.png) 0 0 no-repeat;}
 #results_b {display:block; padding: 10px; background: url(../images/small_box_bot.png) left bottom no-repeat;}
 #results ul {list-style-type:decimal; margin: 14px 28px 22px; font-size: 14px;}
  #results ul li {margin-bottom: 8px; font-weight: bold;}
  #results ul li span {font-weight: normal!important;}
  #results h3 {font-size: 18px; margin-top:4px; text-align:center; line-height: 1.2em;}
   #results h3 span.keyword {color: #7c1818;}
   
#order_column {margin-top: 20px; margin-right: 40px; width: 362px; background: url(https://images.marketingtips.com/internetmarketing/funnel/images/order_column_m.png) 0 0 repeat-y; float:right; color: black; font-weight: bold; position:relative; font-size: 14px;}
 #order_column_t {display:block; background: url(https://images.marketingtips.com/internetmarketing/funnel/images/order_column_t.png) 0 0 no-repeat;}
 #order_column_b {display:block; background: url(https://images.marketingtips.com/internetmarketing/funnel/images/order_column_b.png) left bottom no-repeat; padding: 10px;}
 #order_column h4 {font-size: 19px; font-weight: bold; color: black; border-bottom: 1px dotted #daefe3; margin: 0 9px 16px; padding-bottom: 6px;}
 #order_column input.submit {float: right; margin: 28px 12px 12px;}
 
 #order_column ul {margin: 0 12px 0 0;}
  #order_column ul li {list-style-type:none; margin: 0 0 4px; text-align:right;}
  #order_column ul li span {vertical-align: top!important;}
 
 #order_column li select {width: 194px; margin-left: 8px;}
 #order_column ul li input,
 #order_column ul li textarea {width: 190px; margin-left: 8px;}
 #order_column ul li input:focus,
 #order_column ul li textarea:focus {background-color: #fff6ba;}
 
#content_column {float:left; width: 500px; margin-left: 40px;margin-top: 20px;}
 #content_column p {font-size: 12px;}  
 #content_column h3 {font-size: 2em; font-weight: bold;}

#top-bar {position:absolute; top:0; left:0;}
 #top-bar ul {list-style-type:none; margin: 5px 0 0 12px;}
 #top-bar ul li {float:left; margin: 0 4px;}
 #top-bar ul li a {color: white; text-decoration:none;}
 #top-bar ul li a:hover {color: white; text-decoration:underline;}

#footer {width: 760px; margin: 45px auto 20px;}
 #footer p {color: #5f5f5f;}

img.title_1,
img.title_2 {margin: 20px 0 30px;}

div#qTip {
 padding: 6px;
 border: 1px solid #222;
 display: none;
 background: #e3edf6;
 color: #000;
 font: bold 12px Arial, sans-serif;
 position: absolute;
 z-index: 1000;
 width: 240px;
}