
* { padding: 0; margin: 0; }

body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #595043; padding: 10px 20px; }

h1 { font-size: 42px; color: #380563; margin-bottom: 7px; }
h3 { font-size: 21px; font-weight: normal; color: #380563; line-height: 1.4em; }
h2 { font-size: 14px; }
p { line-height: 1.4em; }
a { color: #437d9a; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
.clear { clear: both; }

#wrapper { width: 963px; margin: 0 auto; }

#header { height: 67px; text-align: right; margin-bottom: 7px; background: url('imgs/header.png') no-repeat top left; }
#header img { margin: 14px 20px 0 0; }
#topLinks { font-size: 12px; text-align:right; margin-bottom: 7px; }
#topLinks a { padding: 0 10px; }

#singleCol #blueroundSI { width: 500px; padding: 0; margin: 40px auto; float: none !important; border: none; }
#tellFriend #blueroundSI { width: 500px; border: none; }
#examplePage #blueroundSI { width: 730px; }
#singleCol #blueroundTopSI, #singleCol #blueroundBottom, #singleCol #blueroundSI { width: 500px !important; float: none !important; }
#tellFriend #blueroundTopSI, #tellFriend #blueroundBottom, #tellFriend #blueroundSI { width: 500px !important; float: none !important; }
#examplePage #blueroundTopSI, #examplePage #blueroundBottom, #examplePage #blueroundSI { width: 730px !important; float: none !important; }
#singleCol #whiteroundBottom, #singleCol #whiteroundTop, #tellFriend #whiteroundBottom, #tellFriend #whiteroundTop { width: 100% !important; padding: 0; float: none !important; }
#singleCol #blueroundSI p, #formCont, #singleCol .insText, #singleCol #tempWhiteCont1, #singleCol #whiteround, #singleCol #tempWhiteCont1, #tellFriend #blueroundSI p, #formCont, #tellFriend .insText, #tellFriend #tempWhiteCont1, #tellFriend #whiteround, #tellFriend #tempWhiteCont1 { width: auto !important; padding: 0; float: none !important; }
#singleCol #tempWhiteCont1, #tellFriend #tempWhiteCont1 { margin: 5px 10px; }
#singleCol #howItWorksInfo, #singleCol #emailFriendForm, #tellFriend #emailFriendForm, #tellFriend #emailFriendForm  { padding: 0 10px !important; }
#singleCol #exampleInfo, #singleCol #examplesInfo { padding: 10px; }
#singleCol #exampleInfo #freeTrial { float: right; }
#singleCol #signupbutton { margin: 10px 0 0 0;}
#singleCol #howItWorksInfo p { font-size: 15px; margin: 10px 30px 50px 80px; }
#singleCol #howItWorksInfo li { font-size: 15px; margin-left: 100px; }
#singleCol #howItWorksInfo ul, #singleCol #howItWorksInfo ol { margin: 5px 0 30px 0; }
#singleCol #topInstructions h2, #tellFriend #topInstructions h2 { font-size: 24px; font-family: Arial, sans-serif; color: #4e256b; text-align: center; margin: 10px 0; }
#tellFriend #emailFriendForm h1 { color: #f59030 !important; margin: 5px 0 10px 0; color: #ccc; font-size: 25px; }
#tellFriend #emailFriendForm h1 a { color: #f59030 !important; }
#tellFriend #emailFriendForm p { font-size: 16px; margin-bottom: 30px; }
#examplesInfo p { margin: 0; }

a.sendMail { font-size: 16px; text-decoration: underline !important; padding: 5px 0 5px 33px; display: block; background: url('imgs/icons/mail.png') no-repeat left center; }

#singleCol #blueroundBottom { background: url('imgs/blue_c_br.gif') no-repeat bottom right; }
#singleCol #blueroundTopSI { background: url('imgs/blue_c_tr.gif') no-repeat top right; }

#leftCol { width: 656px; padding-right: 16px; float: left; }
#leftCol #menu { height: 42px; margin-bottom: 7px; background: url('imgs/blueBar_middle.png') repeat-x bottom left; }
#leftCol #menu td { font-size: 18px; color: #fff; text-align: center; border-right: 1px solid #538ca5; }
#leftCol #menu td a { color: #fff; display: block; padding: 10px 0; }
#leftCol #menu td.menu1 { width: 250px; background: url('imgs/blueBar_left.png') no-repeat top left; }
#leftCol #menu td.menu2 { width: 250px; }
#leftCol #menu td.menu3 { width: 154px; border: none; background: url('imgs/blueBar_right.png') no-repeat top right; }

#leftCol #people { width: 639px; height: 189px; padding: 5px 0 0 15px; margin-bottom: 3px; background: url('imgs/people.jpg') no-repeat top right; }

#leftCol #bulletPoints { height: 112px; padding: 9px; margin-bottom: 4px; background: url('imgs/bkg_bulletPoints.png') no-repeat top left; }
#leftCol #bulletPoints h2 { font-size: 16px; color: #380563; margin-bottom: 7px; }
#leftCol #bulletPoints ul li { width: 50%; list-style-image: url('imgs/bullet.png'); list-style-position: inside; margin-bottom: 4px; float: left; }
#leftCol #bulletPoints #buttons { font-size: 14px; }
.tableLeft #templates { width: 645px; height: 260px; padding: 10px; background: url('imgs/bot_templates.png') no-repeat bottom left; }
.tableLeft #templates h2 { height: 19px; font-size: 16px; padding: 9px 0 9px 10px; margin: -10px -10px 8px -10px;  background: url('imgs/head_templates.png') no-repeat top left; }
.tableLeft #templates ul { margin-left: 15px; }
.tableLeft #templates ul li { width: 49%; line-height: 1.3em; list-style-image: url('imgs/bullet_orange.png'); padding-left: 5px; margin-bottom: 7px; float: left; }
.tableLeft #templates ul li .category { font-size: 15px; font-weight: bold; }

#rightCol { width: 291px; float: left; }
#tellFriend #rightCol { text-align: center; }
.tableRight .blueBoxRight { width: 280px; height: 260px; padding: 10px; background: url('imgs/bot_blue.png') no-repeat bottom left; }
.tableRight .blueBoxRight h2 { height: 19px; font-size: 16px; padding: 9px 0 9px 10px; margin: -10px -10px 10px -10px;  background: url('imgs/head_blue.png') no-repeat top left; }
.tableRight .blueBoxRight h2 a { color: #595043; }
#rightCol #praise h2 { margin-bottom: 5px; }
#rightCol #praise .review { margin-bottom: 9px; }
#rightCol #praise .quote { font-size: 15px; font-weight: bold; line-height: 1.2em; color: #e37f1d; }
#rightCol #praise .person { font-size: 14px; font-style: italic; margin-bottom: 2px; }

.tableBoxes { margin-left: -5px; }
.tableBoxes td { vertical-align: top; }

.why { margin: 0 50px 40px 30px; }
.why h2 { font-size: 18px; color: #f59030; margin-bottom: .15em; }
.why p, .why li { font-size: 16px; }
#whyGirl { margin-left: 135px; }
.why ul { margin-top: 20px; }
.why li { font-size: 16px; margin-left: 30px; }
#tellFriend #rightCol img { margin-bottom: 15px; }

#threeSteps h4 { font-size: 16px; font-weight: normal; }
#threeSteps td { vertical-align: top; }

#faqInfo ul { list-style-position: inside; }
#faqInfo ol { list-style-position: inside; }
#faqInfo { padding: 15px; }

#footer { font-size: 11px; color: #ababab; clear: both; }
#footer a { color: #ababab; }
#footer #footerLinks { float: right; }
#footer #footerLinks2 { float: left; }
#footer #footerLinks a, #footer #footerLinks span { margin: 0 3px; }
#footer #fFacebook { padding: 3px 0 3px 18px; margin-right: 22px; background: url('imgs/icons/facebook.png') no-repeat left center; }
#footer #fTwitter { padding: 3px 0 3px 18px; background: url('imgs/icons/twitter.png') no-repeat left center; }



