/* CSS Reset */
* { margin: 0; padding: 0; }
img { border-style: none; }
ul { list-style-type: none; }
body { color: #333333; background-color: #efeee9; height: 100%; }
body, h1, h2, h3, a:link, .errorlabel { font-family: Georgia, Times New Roman, Serif; font-weight: normal; }

/* Default font settings for all links */
a:link { font-size: 14px; color: #333333; }
a:hover { font-size: 14px; color: #333333; }
a:visited { color: #333333; }

p, li { font-size: 14px; }

p.centered { margin: 0px auto; text-align: center; }

div.inner { width: 940px; margin: 0 auto; text-align: left; height: 100%; }

div.title_home { height: 65px; line-height: 30px; }
div.title { height: 35px; margin-bottom: 10px; }
h1 { font-size: 28px; }
h1 span.grey { color: #787878; }

span.title_grey { font-size: 27px; color: #787878; }

#header { background-color: #232629; width: 100%; height: 140px; }
#header div.inner { background-position: 100px top; background-image: url(../images/header_watermark.gif); background-repeat: no-repeat; height: 100%; /* so "position:absolute" inside this block work */ position: relative; }

/* Move the logo down */
#header div.inner img.logo { padding-top: 70px; }

#content { background-color: White; width: 100%; padding-bottom: 20px; height: 100%; float: left; }
#content div.inner { position: relative; padding-top: 20px; }
#content p { padding: 5px 0px; }
#content img.titleimage { margin-bottom: 10px; }
#content img.dottedline { margin-bottom: 15px; }
#content img.smalldottedline { display: block; margin: 10px auto; }

#tagline, #notagline { float: left; background-color: White; width: 100%; height: 30px; }
#tagline div.inner, #notagline div.inner { width: 860px; padding-left: 90px; position: relative; padding-top: 5px; }
#tagline div.inner img { position: absolute; left: -10px; top: -20px; z-index: 900; }
#notagline div.inner img { position: absolute; left: -10px; top: 30px; z-index: 900; }

#footer { width: 100%; background-color: #efeee9; height: 65px; }
#footer div.inner { height: 50px; /*background-image: url(../images/footer_tick.gif);         background-repeat:no-repeat;     background-position: left top;*/ padding-left: 90px; width: 860px; line-height: 125%; padding-top: 6px; }
#footer div.inner a { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 11px; color: #666; text-decoration: none; }
#footer div.inner a:hover { text-decoration: underline; }
#footer div.inner div.small { font-weight: normal; font-size: 9px; display: inline; padding: 0px 7px; }
#footer div.inner p, #footer div.inner p a { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 10px; color: #999; }
#footer div.inner a.unimportant { font-weight: normal; }
#footer img { float: left; padding-right: 10px; border-style: none; }


table.signup { width: 490px; border: solid 4px #f6f6f6; border-collapse: collapse; border-spacing: 0px; font-size: 12px; padding: 10px 0px; }
table.signup tr.normalrow input { border: solid 2px #dddddd; padding-left: 3px; }
table.signup td { border-bottom: 1px #dddddd dotted; border-top: 1px #dddddd dotted; padding: 6px 0px 6px 10px; }
table.signup a:link, table.signup a:hover, table.signup a:visited { text-decoration: underline; font-size: 12px; }

table.blueboxes { width: 865px; /* 275*3 + 10*4 */ margin-left: auto; /* center table */ margin-right: auto; height: 200px; table-layout: fixed; /* so text wraps properly */ }
table.blueboxes td { background-position: center center; background: White url(../images/blue_box.gif) no-repeat; vertical-align: top; padding-left: 12px; padding-right: 16px; padding-top: 5px; text-align: left; }
table.blueboxes td.bluebox2 { background: White url(../images/blue_box2.gif) no-repeat; }
table.blueboxes td p { font-size: 11px; line-height: 140%; }
table.blueboxes div.number { font-family: Times New Roman, Serif; font-size: 36px; line-height: 110%; float: left; color: #C0C0C0; padding-right: 8px; padding-top: 7px; }

table.overview { width: 936px; margin-left: auto; margin-right: auto; table-layout: fixed; /* so text wraps properly */ margin-bottom: 15px; }
table.overview a:link, table.overview a:visited, table.overview a:hover { color: #8397c5; }
table.overview td b { font-size: 13px; color: #808080; }
table.overview td { vertical-align: top; }
table.overview p.title { font-weight: normal; font-size: 20px; letter-spacing: 0.01em; }
table.overview td.column1 { width: 300px; }
table.overview td.column2 { width: 318px; padding-left: 18px; }
table.overview td.column3 { width: 300px; }
table.overview tr.row2 td { padding-top: 10px; }
table.overview tr.row2 td.column3 { line-height: 120%; }

table.plans { width: 940px; margin: 0 auto; table-layout: fixed; border: solid 4px #f6f6f6; }
table.plans td { border-bottom: 1px #dddddd dotted; padding: 6px 0px 6px 10px; font-size: 14px; }
table.plans tr.lastrow td { border-bottom: none; }

.button { border: solid 2px #cdcdcd; font-weight: bold; font-family: Georgia; font-size: 12px; height: 26px; background: #F5F5F5 url(      "../images/button_background.gif" ) repeat-x; padding: 3px 10px 5px 10px; }
img.quote { float: left; margin-bottom: 15px; }

div.watchvideo { position: absolute; top: 15px; right: 0px; height: 46px; width: 181px; }

#video { border: solid 10px #ECF5FF; width: 790px; }

div.quote { font-size: 20px; line-height: 105%; letter-spacing: 0.01em; }

div.quote span.bluequote { color: Gray; }

span.bluebackground { background-color: #edf5ff; }

#terms textarea { padding-left: 15px; }

#error h1 { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; }

ul.advantages { list-style-type: disc; margin-bottom: 5px; margin-top: 15px; margin-left: 30px; }

ul.dots { list-style-type: disc; margin-left: 30px; }

.panel { font-size: 14px; margin-top: 15px; }

/* ----------- Left column on main page ----------*/
#column1 { width: 440px; float: left; }
#column1 img.arrows { display: block; margin-top: 5px; margin-bottom: 15px; }
#column1 table { width: 100%; }
#column1 a { text-decoration: underline; }
#column1 table td { padding-left: 62px; padding-right: 10px; font-size: 14px; vertical-align: top; /* padding-top doesn't work properly here */ padding-bottom: 3px; }
#column1 table td span.smallfont { font-size: 6px; font-weight: bold; }
#column1 table td b { color: Black; }
#column1 table td b.subtitle { color: #666666; }
#column1 div.dottedline, #column2 div.dottedline { background-image: url(../images/line_dotted_repeat.jpg); background-repeat: repeat-x; height: 1px; margin: 10px 0px; }

/* ----------- Right column on main page ----------*/
#column2 { width: 483px; float: right; position: relative; }
#column2 div.login { float: right; margin-right: 15px; margin-bottom: 15px; display: inline; }
#column2 div.mainpicture { float: right; clear: right; width: 483px; display: inline; }
#column2 div.mainpicture img { width: 483px; }
#column2 div.quotetext { float: right; clear: right; width: 462px; font-size: 13px; font-style: italic; margin-right: 15px; display: inline; }
#column2 div.quotetext span.quoteauthor { font-size: 11px; font-style: normal; color: Gray; float: right; margin-top: 3px; }
#column2 div.quotetext div.author { height: 15px; }

/* Feedback form */

table.feedback { width: 550px; border: solid 4px #f6f6f6; border-collapse: collapse; border-spacing: 0px; font-size: 12px; padding: 10px 0px; }
table.feedback td { border-bottom: 1px #dddddd dotted; border-top: 1px #dddddd dotted; padding: 8px 0px 8px 10px; }
table.feedback td table td { border-style: none; padding: 3px 0px 3px 5px; }

#sidebar { width: 300px; float: right; padding-right: 100px; color: Red; font-size: 11px; }

div.tourdottedline { background-image: url(../images/line_dotted_repeat.jpg); background-repeat: repeat-x; height: 1px; margin-bottom: 5px; }

#mainsection { width: 790px; background-color: Aqua; }

/*
#purchase-left-content { float: left; width: 498px; }
#purchase-right-content { float: left; width: 410px; padding-left: 30px; margin-left: 20px; margin-top: 50px; padding-top: 10px; padding-bottom: 15px; background-color: #efefef; }
#purchase-right-content ul li { list-style-type: square; padding: 5px 0px; }
*/
.section-title { margin: 10px 0px; padding: 5px; padding-left: 10px; font-size: 14px; background-color: #efefef; width: 476px; font-weight: bold; }

.errorlabel { font-size: 18px; color: Red; }

#signup-price { top: 191px; right: 170px; border: solid 4px #f6f6f6; width: 215px; height: 110px; position: absolute; padding: 10px; font-size: 12px; }
#signup-price img { margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; }
#buynow-plans { top: 112px; right: 170px; border: solid 4px #f6f6f6; width: 215px; height: 110px; position: absolute; padding: 10px; font-size: 12px; }
#buynow-plans img { margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; }
#credit-card-announcement { top: 450px; right: 170px; border: solid 4px #f6f6f6; width: 215px; height: 100px; position: absolute; padding: 10px; font-size: 12px; }
#signup-price a:hover, #buynow-plans a:hover, #credit-card-announcement a:hover { font-size: 12px; }

.question { display: block; font-weight: bold; margin-top: 12px; font-size: 14px; margin-bottom: 3px; }
.answer { font-size: 14px; }
.list { list-style-type: disc; margin-top: 15px; margin-bottom: 15px; padding-left: 30px; }
.list li { padding: 4px; }

div.blurb { font-size: 14px; font-weight: bold; display: block; margin: 0px 0px 15px 200px; }

.errorbox { width: 490px; margin-top: 10px; }
div.error { background: transparent url(../images/error-background.jpg) no-repeat scroll 0pt 0pt; font-size: 12px; color: #666666; }
div.error div.error-inner { background: transparent url(../images/error-background-footer.jpg) no-repeat scroll left bottom; padding: 10px 15px 20px 55px; }
div.error h3 { font-weight: bold; color: Black; }