a
{
    outline:none;
}
body 
{
	font-family: Arial;
	font-size:13px;
	margin:0;
	padding:0;
}
div#homePagecontainer 
{	
	background:url(/images/containerHomeBackground.gif) repeat-x; 
}
div#container 
{	
	background:url(/images/containerBackground.gif) repeat-x; 
}
div#productPageContainer
{
    background:url(/images/containerProductpageRepeat.gif) repeat-x;     
}
/* MAIN NAVIGATION */
div#mainNav
{
	margin:0 auto;
	width:820px;
	height:20px;
	padding:10px;
}
a#mainNavActive
{
    color:White;
    text-decoration:none;
    float:left;
    margin:0 10px 0 0;
    padding:0;
}
a.mainNavLink
{
    color:#a8a8a8;  
    text-decoration:none;
    float:left;
    margin:0 10px 0 0;
    padding:0;
}
a.mainNavLink:hover
{
    text-decoration:underline;
    color:White;
}
a#chatflow4NavLink
{
    float:left;
    margin:-2px 10px 0 0;
    display:block;
    width:60px;
    height:17px;
    background-image:url(/images/chatflow4NavLink.gif);  
}
#chatflow4NavLink:hover
{
    background-position:0 -17px;
}
#chatflow4NavLinkActive
{
    float:left;
    margin:-2px 10px 0 0;
    display:block;
    width:60px;
    height:17px;
    background-image:url(/images/chatflow4NavLink.gif);  
    background-position:0 -17px;
}
a#chatflowBasicNavLink
{
    float:left;
    margin:-2px 10px 0 0;
    display:block;
    width:81px;
    height:17px;
    background-image:url(/images/chatflowBasicNavLink.gif);        
}
#chatflowBasicNavLink:hover
{
    background-position:0 -17px;
}
/* Main nav download and buy links*/
div#mainNavActionLinks
{
    float:right;
}
#mainNavActionLinks img
{
    border:none;
    float:left;
    margin:1px 3px 0 0;
}
#mainNavActionLinks a
{
    color:#a8a8a8; 
    float:left;
    margin:0 10px 0 0;
    font-size:12px;
    text-decoration:none;
}
#mainNavActionLinks a:hover
{
    text-decoration:underline;
    color:white;
}

/* BANNERS */

/* old chatflow banner */
div#banner
{
	background-image:url(/images/banner.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}
#banner a
{
	display:block;
	width:330px;
	height:100px;
	margin:0 auto;
	outline:none;
}
#banner a span
{
    display:none;
}

/* new chatflow banner */
div#mainBanner
{
	margin:0 auto;
	width:820px;	
}
#mainBanner a img
{
    border:none;
}

/* chatflowBASIC banner */
div#bannerBasic
{
	background-image:url(/images/bannerBasic.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}

#bannerBasic a
{
	display:block;
	width:330px;
	height:100px;
	margin:0 auto;
	outline:none;
}
#bannerBasic a span
{
    display:none;
}

/* download file banner */
div#bannerFile
{
	background-image:url(/images/bannerFile.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}
#bannerFile a
{
	display:block;
	width:330px;
	height:100px;
	margin:0 auto;
	outline:none;
}
#bannerFile a span
{
    display:none;
}

/* download options banner */
div#bannerDownloadOptions
{
	background-image:url(/images/bannerDownloadOptions.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}

/* MAIN PAGES */

/* chatflowBasic UI showcase */
div#UIfeaturesBasic
{
	margin:0 auto;
	width:820px;
	height:305px;
	padding:0;
	background:url(/images/chatflowBasicUI.jpg) no-repeat;	
}
div#UIfeaturesBasic span
{
    display:none;
}
div#UIfeaturesBasic a 
{
    display:block;
    height:305px;
}
div#UIfeaturesBasic a:hover
{
    background:url(/images/chatflowBasicUI.jpg) 0px -305px no-repeat;	   
}

/* chatflow UIs showcase */
div#UIShowcase
{
	margin:0 auto;
	width:820px;
	height:233px;
	padding:0;
	background:url(/images/chatflowUIs.gif) no-repeat;
	display:block;	
}

/* chatflow content */
div#content
{
	margin:0 auto;
	width:820px;	
	
}
div#productPageContent
{
    margin:0 auto;
	width:820px;
	float:left;
	background-image:url(/images/chatflow4productPageBackground.jpg);
	background-repeat:no-repeat;
}
#productPageContent h2
{
    font-size:20px;
    color:#5a5a5a;   
}
#productPageContent p
{
    color:#5a5a5a;
}

div#pageContent
{
    width:450px;
    float:left;
    padding:0 10px 0 60px;
}
div#pageActions
{
    width:220px;
    float:left;
    padding:35px 0 0 30px;
}
#pageActions h3
{
    font-size:17px;
    color:#5a5a5a;   
    margin:0; 
}

div#headingUnderline
{
    display:block;
    height:1px;
    background-color:#cbcbcb;
}

#content img
{
    border:none;
}
/* feature boxes*/
div#leftFeatureBox
{
    float:left;
    width:220px;
    padding:0 10px 0 60px;
}
div#middleFeatureBox
{
    float:left;
    width:220px;
}
a#whyPayLink 
{
    display:block;
    width:215px;
    height:132px;
    background-image:url(/images/whyPay.gif);
    margin:11px 0 10px 15px;
}
#whyPayLink:hover
{
    background-position:0 -132px;    
}
a#whatsNew 
{
    display:block;
    width:211px;
    height:131px;
    background-image:url(/images/whatsNew.gif);
    margin:11px 0 10px 12px;
}
#whatsNew:hover
{
    background-position:0 -131px;    
}
a#watchVideo 
{
    display:block;
    width:215px;
    height:133px;
    background-image:url(/images/watchVideo.gif);
    margin:11px 0 10px 13px;
}
#watchVideo:hover
{
    background-position:0 -133px;    
}

div#rightFeatureBox
{
    float:left;
    width:220px;
    padding:0 0 0 20px;
}
span.featureHeading
{
    color:#515151;
    font-weight:bold;
    font-size:15px;    
	margin:0 0 0 18px;
}
a.featureLink
{
    margin:0 0 0 18px;
}
p.featureText
{
    font-weight:normal;
    color:#404040;
    padding:0;    
	margin:0 0 0 18px;
}
/* general content */

div#basicContent
{
	margin:0 auto;
	width:700px;	
}

/* Sub header*/
div.subHeader
{
    margin:20px 0 0 0;
}
.subHeader span
{
    font-size:18px;
    font-weight:bold;
    color:#5a5a5a;
    padding:10px 0 0 5px;
    float:left;
}
.subHeader img
{
    float:left;
}
.subHeader a
{
    float:right;
    margin:10px 0 0 0;
}

/* Sub header*/
div.subHeaderSmall
{
    margin:20px 0 0 0;
}
.subHeaderSmall span
{
    font-size:18px;
    font-weight:bold;
    color:#5a5a5a;
    padding:0 0 0 5px;
    float:left;
}
.subHeaderSmall img
{
    float:left;
}
.subHeaderSmall a
{
    float:right;
    margin:10px 0 0 0;
}
/* Sub heading bullets*/
div.subHeaderBullet
{
    margin:30px 0 0 0;
}
.subHeaderBullet span
{
    font-size:15px;
    font-weight:bold;
    color:#5a5a5a;
}
.subHeaderBullet img
{
    float:left;
    padding:3px 10px 5px 5px;
}
.subHeaderBullet a
{
    font-size:11px;
    margin:0 0 0 2px;
}

span.mainHeader
{
    font-size:30px;
    font-weight:bold;
    color:#5a5a5a;
}

#content h1
{
	color:#00a5d8;
	font-weight:bold;
	font-size:18px;	
}
#content h1 span
{
	font-size:14px;	
	font-weight:normal;
}
#content p
{
	font-size:13px;
}
#content ol
{
	font-size:13px;	
}
#content a
{
	color:#00a5d8;	
}

div.profile img
{
	float:left;
	margin-right:10px;
}

img.featureImage
{
	margin:40px 0 800px 0;
}


/* chatflow content action links */
div#actionLinks
{
	width:250px;
	float:right;
	margin:40px 0 0 30px;
}
div#actionLinks div
{
    float:left;
    width:250px;
    margin:20px 0 0 0;
}
#actionLinks img
{
	float:left;
	margin-right:10px;
}
#actionLinks h2
{
	font-size:14px;
	padding:0;
	margin:10px 0 0 0;
}
#actionLinks a
{
	font-weight:bold;
	font-size:12px;
	color:#2268a3;
}
a#downloadLink
{
	background-image:url(/images/downloadBasic.gif);
	display:block;
	width:199px;
	height:35px;
	text-align:center;
	padding:15px 0 0 15px;
	color:White;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
a#downloadLink:hover
{
	text-decoration:underline;
}


/* DOWNLOAD PAGES */

/* chatflow download content */
span#white
{
	color:White;
	font-size:12px;
	display:block;
	width:620px;
	text-align:center;
	padding:40px 0 20px 0;
}
span.babyBlue
{
	color:#38c7f3;
	font-weight:bold;	
}

div#downloadLinks
{
	margin:auto;
	width:214px;
	text-align:center;	
}
div#downloadPrompt
{
    background-color:#e9fad0;
    border:solid 1px #aee756;
    padding:30px;
    text-align:center;
    margin:20px 0 50px 0; 
}
#downloadPrompt a:hover
{
    background-color:#b8ecda;   
}
div#downloadContent a
{
	font-size:12px;
	color:#2268a3;   
}
span#downloadMessage
{
    font-size:16px;  
    font-weight:bold;
}
span#downloadActions
{
    font-size:12px;
}

div#downloadContent
{
	margin:0 auto;
	width:620px;	
	background-image:url(/images/chatflowThankYou.jpg);
	background-repeat:no-repeat;
	padding:0 100px 0 100px;	
}
#downloadContent h1
{
    color:#00a5d8;
    font-weight:bold;
    font-size:18px;	
}
#downloadContent h2
{
    color:#00a5d8;
    font-weight:bold;
    font-size:14px;	
}
div#changeLog
{
    width:205px;
    float:right;
    margin-left:20px;
}
#changeLog p
{
	font-size:12px;
	color:#c0c0c0;	
}
div#ads
{
    width:200px;
    float:right;
    margin-left:30px;
}
div#ads span
{
    font-size:11px;
}
span.version
{
	font-size:12px;
	color:#c0c0c0;
	font-weight:bold;
}
span#latestVersionHeading
{
	font-size:12px;
	color:#9d9d9d;
	font-weight:bold;
}
span.date
{
	font-weight:normal;
}

p#latestVersionInfo
{
	color:#9d9d9d;
}
#downloadContent ul
{	
	margin:10px 0 0 30px;
	padding:0;
	color:#c0c0c0;
	font-size:12px;
}
ul#latestVersionBullets
{
	color:#9d9d9d;
}

#downloadcontent li
{
	margin:0;
	padding:0;
}

a.downloadLinkOption
{
	background-image:url(/images/download.gif);
	display:block;
	width:214px;
	height:35px;
	text-align:center;
	padding-top:15px;
	color:White;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:10px;
}
a.downloadLinkOption:hover
{
	text-decoration:underline;
}

a#sixtyFourBit
{
	font-size:13px;	
	color:#00a5d8;	
}
img.appIcon
{
    float:left; 
    padding:5px 20px 20px 0;   
}

/* chatflowBasic download content */
div#ads a
{
	font-size:12px;
	color:#00a5d8;
	font-weight:bold;  
}

/* THANK YOU PAGES */

/* chatflow thank you content */
div#thankYouContent
{
	margin:0 auto;
	width:820px;	
	height:302px;
	background-image:url(/images/chatflowThankYou.jpg);
	background-repeat:no-repeat;
}
span#whiteLarge
{
	color:White;
	font-size:20px;
	display:block;
	text-align:center;
	padding:30px 0 20px 0;
	margin:auto;
}
span.babyBlueLarge
{
	color:#38c7f3;
}
div#thankYouLinks
{
	margin:auto;
	width:560px;
}
div#thankYouLinks img
{
	margin:0 20px 0 20px;
	float:left;
}
a#facebookLink
{
	display:block;
	width:200px;
	color:#45629e;
	float:left;
	font-size:16px;
	text-align:right;
	margin-top:10px;
}
a#forumsLink
{
	color:#3bacd8;
	display:block;
	width:200px;
	float:left;
	font-size:16px;
	margin-top:10px;
}

/* DOWNLOAD OPTIONS */

div#optionsContent
{
	margin:0 auto;
	width:820px;	
	background-image:url(/images/chatflowThankYou.jpg);
	background-repeat:no-repeat;
}
#optionsContent h1
{
	color:#00a5d8;
	font-weight:bold;
	font-size:18px;	
}
#optionsContent h1 span
{
	font-size:14px;	
	font-weight:normal;
}
#optionsContent a
{
	font-size:13px;	
	color:#00a5d8;	
}

div#basicColumn
{
	width:300px;
	float:right;
    margin-right:50px;
}
div#chatflowColumn
{
	width:300px;	
    margin-left:100px;
}

ul.optionBullets
{
    margin:10px 0 10px 0;
    padding:0 0 0 15px;
    font-size:15px;
}

span#dotNetWarning
{
    color:Gray;
    font-size:14px;
}

span#oops
{
    font-weight:bold;
    font-size:18px;
}

a#downloadChatflow
{
	background-image:url(/images/downloadButton.gif);
	display:block;
	width:179px;
	height:35px;
	text-align:center;
	padding:22px 0 0 35px;
	color:White;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
a#downloadChatflow:hover
{
	text-decoration:underline;
}


a#downloadChatflowBasic
{
	background-image:url(/images/downloadButtonBasic.gif);
	display:block;
	width:179px;
	height:35px;
	text-align:center;
	padding:22px 0 0 35px;
	color:White;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
a#downloadChatflowBasic:hover
{
	text-decoration:underline;
}

/* FOOTER */
div#footer
{
    height:32px;
    margin:80px 0 0 0;
    background:url(/images/footerRepeat.gif) repeat-x;
    text-align:center;
    padding:7px;
}
#footer span
{
    color:#8c8c8c;
    font-size:11px;
}
#footer a
{
    color:#00a5d8;
    font-size:11px;    
}
span.divider
{
    margin:0 10px 0 10px;
    color:#c7c7c7;
}
div#siteMap
{
    margin:0 auto;
	width:555px;
}
div.mapRow
{
    float:left;
    padding:10px;
}
#siteMap span
{
    color:#b0b0b0;
    font-weight:bold;    
    font-size:12px;
}
#siteMap a
{
    color:#b0b0b0;   
    text-decoration:none; 
    font-size:11px;
}
#siteMap a:hover
{
    text-decoration:underline;
    color:Gray;
}

/* SUB NAVIGATION */
div#subNavigation
{
    padding:20px 0 20px 0;    
}
#subNavigation a
{
    text-decoration:none;
    font-weight:bold;
    color:#b3b3b3;
    margin:0 20px 0 0;
}
#subNavigation a:hover
{
    color:#5a5a5a;
}

a#subNavLinkActive
{
    color:#5a5a5a;   
}

/* OVERVIEW ACTIONS*/
a#downloadButton
{
    display:block;
    width:137px;
    height:58px;
    background-image:url(/images/downloadButtonNew.gif);
    float:left;
}
#downloadButton:hover
{
    background-position:0 -58px;    
}
a#buyButton
{
    display:block;
    width:78px;
    height:58px;
    background-image:url(/images/buyButtonNew.gif);
    float:left;
}
#buyButton:hover
{
    background-position:0 -58px;    
}
img#priceTag
{
    margin:20px;
}
span.pageActionsTitle
{
    font-size:17px;
}
div#starRating
{
    margin:10px 0 0 60px;
}
#starRating a
{
    font-size:11px;
}
div#whyPay
{
    margin:30px 0 0 40px;
}
#whyPay span
{
    margin:0 0 0 35px;
}
#whyPay a
{
    font-size:11px;
    margin:0 0 0 35px;
}

img#miniComic
{
    margin:30px 0 0 0;
    border:none;
}

/* ABOUT PAGE */
div.directorInfo
{
    padding:10px;
}
.directorInfo span
{
    color:Gray;
    font-size:20px;
    font-weight:bold;
}
.directorInfo img
{
    float:left;
    padding:5px 20px 0 0;
}
.directorInfo p
{
    padding:0 0 0 95px;
    margin:5px 0 0 0;
}

img#whyPayComic
{
    margin:30px 0 0 100px;
}
#emailTextInput
{
    height:25px;
    font-size:18px;
    padding:4px;
    border:solid 1px grey;
}

#label
{
    color:#5a5a5a;
    font-weight:bold;    
}

span.inputSuccess
{
    color:Green;
    margin-top:5px;
    display:block;
}
span.inputError
{
    color:#ff0063;
    margin-top:5px;
    display:block;
}

#submitButton
{
    background-image:url(../images/submit.gif);
    width:89px;
    height:36px;
    border:none;
    color:White;
    cursor:pointer;
    font-weight:bold;
}

#submitButton:hover
{
    background-position:0 -36px;
}

/* MAIN BUTTONS */
div#mainActions
{
	padding:0 0 40px 0;	
	margin:0 auto;
	width:355px;
}
a#downloadButtonBig
{
    display:block;
    width:177px;
    height:58px;
    background-image:url(../images/downloadButtonBig.gif);
    float:left;
    background-position:0 -58px;    
}
#downloadButtonBig:hover
{
    background-position:0 0;
}
a#learnMoreButtonBig
{
    display:block;
    width:178px;
    height:58px;
    background-image:url(../images/learnMoreButtonBig.gif);
    float:left;
    background-position:0 -58px;    
}
#learnMoreButtonBig:hover
{
    background-position:0 0;
}