/*
	Styles CSS Document [Advanced styling]
	Author: Echidna Solutions Corp - support@echidna.ca
*/

/*
	=ELEMENTS
*******************************/

html{background:#009fe0 url(../images/bg_body_sub.jpg) repeat-x;}
body{font-size:83%; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg_thumbprint_sub.jpg) no-repeat center top;}

a{outline:none;}
a:link,a:visited{color:#008ad3}
a:hover, a:active{color:#c4db29;}
abbr{background:url(../images/bg_abbr.gif) bottom left repeat-x; position:relative; border:none; cursor:default;}
abbr a{text-decoration:none; border:none;}
blockquote{margin:0; padding:0;}
form{/*display:inline;*/}
img{border: 0;}
p{margin:0 0 12px 0;}
strong{color:#333;}
input{overflow:visible;}

/*
	=HEADER STYLING
*******************************/
#skip{position:absolute; text-indent:-9999px; overflow:hidden;}
#header h1{position:absolute; height:148px; width:290px; text-indent:-9999px; overflow:hidden;}

/*
	=NAVIGATION STYLING
*******************************/

/* global */
#navigation_primary li a,#navigation_secondary li a{background-repeat:no-repeat; background-position: top center;}

/*
	=primary navigation
**********************/
#navigation_primary{background:url(../images/bg_nav.jpg)}
#navigation_primary h3{position:absolute; text-indent:-9999px; overflow:hidden;}


/* static state */
#navigation_primary #n_home{width:136px; background-image:url(../images/nav/home_static.jpg);}
#navigation_primary #n_overview{width:127px; background-image:url(../images/nav/overview_static.jpg);}
#navigation_primary #n_support{width:128px; background-image:url(../images/nav/support_static.jpg);}
#navigation_primary #n_about_us{width:127px; background-image:url(../images/nav/about_us_static.jpg);}
#navigation_primary #n_contact_us{width:127px; background-image:url(../images/nav/contact_us_static.jpg);}
#navigation_primary #n_buy_now{width:133px; background-image:url(../images/nav/buy_now_static.jpg);}

/* hover and current page state */
body#home #navigation_primary #n_home,#navigation_primary #n_home:hover{background-image:url(../images/nav/home_active.jpg);}
body#overview #navigation_primary #n_overview,#navigation_primary #n_overview:hover{background-image:url(../images/nav/overview_active.jpg);}
body#support #navigation_primary #n_support,#navigation_primary #n_support:hover{background-image:url(../images/nav/support_active.jpg);}
body#about_us #navigation_primary #n_about_us,#navigation_primary #n_about_us:hover{background-image:url(../images/nav/about_us_active.jpg);}
body#contact_us #navigation_primary #n_contact_us,#navigation_primary #n_contact_us:hover{background-image:url(../images/nav/contact_us_active.jpg);}


/*
	=secondary navigation
************************/
/* IE6 does not like targeting for below 3 lines. ie no #navigation_secondary.menu_overview{} */
.menu_overview{padding-left:50px; width:728px; }
.menu_support{ padding-left:220px; width:558px; }
.menu_about_us{ padding-left:250px; width:528px; }

.first{margin-right:60px;}

#navigation_secondary{color:#009fdf; font-size:1em; font-family:Tahoma, Arial, Helvetica, sans-serif; }
#navigation_secondary h4{position:absolute; text-indent:-9999px; overflow:hidden;}
#navigation_secondary li{margin-right:3px;}
#navigation_secondary li.current_page{font-weight:bold;}
#navigation_secondary li span.current_page_seperator{margin-left:3px; font-weight:normal}
#navigation_secondary a{text-decoration:none; margin-right:3px;}
#navigation_secondary a:link, #navigation_secondary a:visited{color:#009fdf;}
#navigation_secondary a:hover, #navigation_secondary a:active{color:#01476c;}

/* tutorial navigation */
#tutorial_menu{border:1px solid #eee; background-color:#f9f9f9; width:300px; padding:10px; margin:0 auto;}
#tutorial_menu li{float:left; width:100px;}
#tutorial_menu li a{display:block; float:left; width:100px;}

/*
	=CONTENT STYLING
*******************************/
body.main #content, body.general_type #content{background-color:#fff}

/*body.general_type #content{background:url(../images/bg_general_transparent.png) repeat-y top center;}
body.general_type #content_main{background:url(../images/bg_general_top.png) no-repeat top center;}
body.general_type #content_secondary{background:url(../images/bg_general_top_secondary.png) no-repeat top center;}
*/
body.support_type #content{background:url(../images/bg_support_transparent.png) repeat-y top center;}
body.support_type #content_main{background:url(../images/bg_support_primary.png) no-repeat top center}
body.support_type #content_secondary{background:url(../images/bg_support_top_sec.png) no-repeat top center;}

/* main content elements */

/* =headings */
#content_main h2{color:#838384; font-weight:normal; font-size:2.6em; position:absolute; text-indent:-9999px; overflow:hidden;}
#content_main h3{color:#008ad3; font-size:1.3em;}
#content_main h4{margin-bottom:3px;}

/*FLASH VIDEO CSS*/
#vcontent_main h2{color:#838384; font-weight:normal; font-size:2.6em; position:absolute; text-indent:-9999px; overflow:hidden;}
#vcontent_main h3{color:#008ad3; font-size:1.3em;}
#vcontent_main h4{margin-bottom:3px;}
body.general_type #vcontent{background:url(../images/bg_video_transparent.png) repeat-y top center;}
body.general_type #vcontent_main{padding-bottom:20px;}
body.general_type #vcontent_secondary{background:url(../images/bg_general_top_secondary.png) no-repeat top center;}

/* =lists */
#content_main ul{list-style:outside; margin:12px 0 12px 15px;}
#content_main ul li{list-style-type:square; margin:5px 0;}

#content_main ol{list-style:outside; margin:12px 0 12px 23px; padding:0;}
#content_main ol li{list-style-type:decimal; margin:5px 0;}

#content_main ul.lst_radio_features{margin-left:0;}
#content_main ul.lst_radio_features li{list-style-type:none; background-image:url(../images/bullet_radio.jpg);  background-repeat:no-repeat; background-position:0 0em; padding:6px 0 6px 24px; line-height:1.1em;margin:0;}

/*#content_main #lst_screenshots{margin:0; padding:0;}
#content_main #lst_screenshots li{list-style:none; float:left; margin-right:21px;}*/

#content_main #lst_key_features{margin-left:0;}
#content_main #lst_key_features li ul{margin:0 0 12px 15px; padding:0;}
#content_main #lst_key_features li{list-style:none;}
#content_main #lst_key_features li ul li{list-style:square;}

#content_main .lst_screenshots{list-style:none; margin:12px 0 0 0; clear:both; height:90px;}
#content_main .lst_screenshots li{float:left; display:block; height:72px; width:72px;}

#content_main .lst_screenshots_dialogue{list-style:none; height:300px; margin:0; padding:0;}
#content_main .lst_screenshots_dialogue li{float:left; display:block; height:125px; width:125px; padding:3px; border:1px dashed #c8da2c; margin-right:10px;}

#content_main div#home_features ul{list-style:outside; margin:12px 0 0px 15px;}
#content_main div#home_features li{width:48%;float:left;display:block;list-style-type:square;color:#008ad3;font-weight:bold;}
#content_main div#home_features p {float:left;clear:both;margin-top:15px;margin-left:20px;}


/* =paragraphs */
#content_main p.preperation_line_highlight{font-size:1.2em; font-weight:bold; color:#a6ba23; text-transform:uppercase;}
#content_main p.highlight_example{color:#008ad3; font-weight:bold;}
#content_main .note{font-style:italic;}

/* =forms */
#content_main #frm_store_reg{}
#content_main #frm_store_reg h4{font-size:1.1em; color:#999; border-bottom:1px solid #c4db29; margin:25px 0 10px 0; width:65%;}
#content_main #frm_store_reg label{float:left; width:125px; font-weight:bold; margin-right:15px; text-align:right; }
#content_main #frm_store_reg input.checkbox{width:auto;}
#content_main #frm_store_reg label.noFloat{float:none; width:150px;}
#content_main #frm_store_reg input{width:185px;}
#content_main #frm_store_reg select{width:190px;}
#content_main #frm_store_reg input.btn{margin-left:140px; width:190px;}
#content_main input.btn_store{width:190px;}
#content_main #frm_store_reg p{clear:both;}


/* =misc */
#content_main div.error{border:1px solid #d49696; background-color:#fce8e8; padding:10px 25px 10px 25px; margin:25px 0;}
#content_main div.error ul{margin:0;}
#content_main div.error ul li{margin:0; padding:0; color:#801b1b; font-weight:bold;}

#content_main .sell_line,#content_main code{margin:25px auto; background-color:#e2f4f9; padding:12px; display:block; border:dashed 1px #b8dee8; text-align:center; font-weight:bold;}
#content_main .sell_line h4{color:#38464a; font-size:1.2em;}
#content_main #hdr_carp{position:relative; text-indent:0; color:#009fe0; line-height:1.1em; margin-bottom:15px;}

.screenshot-container{font-size:1.2em; text-align:center; padding:5px 5px 10px 5px; border:1px dashed #c8da2c; background-color:#fff; position:absolute; z-index:100;  top:10px; right:3px; }
#content_main .imgLink{border:none; background:none;}
.highlight{font-size:1.1em; font-weight:bold; color:#000;}

/* =download and install steps */
div.c_step1,div.c_step2,div.c_step3{margin:15px 0; display:block;  padding:25px 10px; background-color:#fff;}
div.c_step1{border:1px solid #d6ebf6;}
div.c_step2{border:1px solid #c2ddeb;}
div.c_step3{border:1px solid #9fc0d1;}
div.c_step2 ul,div.c_step3 ol{display:block; clear:both;}
img.step_numbers{display:block; float:left;  margin:0px 12px 15px 1px;}

a.download{padding-left:25px; background-image:url(../images/icon_download.gif); background-repeat:no-repeat; background-position:0 0; font-weight:bold; font-size:1.1em;}
span.key{font-weight:bold; font-size:1.1em; color:#b1301f;}
.required{font-weight:bold; color:#b1301f;}
img.centreImg{display:block; margin:15px auto; padding:3px; border:1px dashed #c8da2c; background-color:#fff;}
img.rightImg{display:block; float:right; margin:10px; padding:3px; border:1px dashed #c8da2c; background-color:#fff;}

div.callout_text{margin:25px auto; background-color:#e2f4f9; padding:12px; display:block; border:dashed 1px #b8dee8; font-weight:bold;}
div.callout_text h4{color:#008ad3; font-size:1.3em;}
div.callout_text p{color:#333;}

/* secondary content elements */


/*
	=forms
*******************************/



/*
	=tables
*******************************/
.tbl_core{width:100%;}
.tbl_core caption{font-size:1em; font-weight:bold; padding-bottom:5px;}
.tbl_core th{font-weight:bold; padding:5px 0 0px 2px; font-size:1.1em; color:#999; border-bottom:1px solid #c4db29;}
.tbl_core td{padding:2px 0 2px 2px;border-bottom:1px solid #e1e0e0;}

.tbl_core .head_centre{text-align:center;}

#tbl_purchase_info,#tbl_billing_info,#tbl_shiping_info,#tbl_transaction_receipt{margin:15px 0;}
tr.row_dark{background-color:#efefef;}
tr.row_light{background-color:#f6f6f6;}


#tbl_system_requirements{margin:15px 0;}
#tbl_system_requirements th, #tbl_system_requirements td{padding:8px; border-right:1px solid #c4db29; border-bottom:1px solid #c4db29;}
#tbl_system_requirements th{background-color:#c4db29; color:#333; text-transform:uppercase; font-weight:bold; font-size:0.8em;}
#tbl_system_requirements .noBorder_right{border-right:none;}
#tbl_system_requirements .noBorder_bottom{border-bottom:none;}
#tbl_system_requirements .noBorder_bottom_right{border-bottom:none;border-right:none;}

/*
	=COMPONENTS STYLING
*******************************/
.key_feature_text *{position:absolute; text-indent:-9999px; overflow:hidden;} /*Don't touch this*/


/*home news page*/
#news{color:#333; font-size:0.9em; font-weight:bold;}
#news h2{font-size:1.2em; font-weight:bold; line-height:1; margin-top:-4px; margin-bottom:15px;}
#news .news_date_title{color:#008ad3; margin:0;}
#news a:link, #news a:visited{text-decoration:underline; color:#000;}
#news a:hover, #news a:active{text-decoration:none; color:#333;}

/*main news page*/
.news_item{margin:0 0 25px 0; border-bottom:1px solid #c4db29;} /*does not work in ie6, emulation with background image in ie6.css document*/
#content_main .news_item h3{font-size:1em;}
#home_callouts{width:97%;}
#home_callouts td{padding:12px 0; font-size:1.3em; font-weight:normal;}
#home_callouts td span{font-size:0.8em;}
/*support table of contents*/
body.support_type #content_secondary{color:#fff;}
body.support_type #content_secondary h2{font-size:1.15em; text-transform:uppercase;}
body.support_type #content_secondary h3{font-size:1.05em; margin-top:15px; }
body.support_type #content_secondary li a:link,body.support_type #content_secondary li a:visited{color:#fff;}
body.support_type #content_secondary li a:hover,body.support_type #content_secondary li a:active{color:#c4db29;}
body.support_type #content_secondary ul li ul li{margin:3px 0;}





/*general*/
.media_container{text-align:center; margin:15px 0;}

#testimonials p{font-weight:bold; color:#333;}
#testimonials p.source{margin-bottom:40px;}

#testimonials blockquote,#content_main blockquote.quote{display:block; margin:0; padding:0 32px; background:url(../images/bg_pullquote.jpg) no-repeat top left;}
#testimonials blockquote p,#content_main blockquote.quote p{font-weight:normal; color:#008ad3}

/*
	=SITE INFO STYLING
*******************************/
#site_info{text-align:center; color:#fff;}
body.general_type #site_info{ background:url(../images/bg_general_footer.png) no-repeat top center;padding-top:10px;}
body.support_type #site_info{ background:url(../images/bg_support_footer.png) no-repeat top center; padding-top:25px;}
#site_info p{margin:0; padding:0;}
#site_info h4{position:absolute; text-indent:-9999px; overflow:hidden;}
#site_info a:link, #site_info a:visited{color:#fff;}
#site_info a:hover, #site_info a:active{text-decoration:none;}

#site_info a.echidna_link:link, #site_info a.echidna_link:visited{color:#c4db29;}
#site_info a.echidna_link:hover, #site_info a.echidna_link:active{color:#990000;}
#site_info span.echidna{background:url(../images/logo_echidna.jpg) top right no-repeat; padding-right:28px;}

/*
	=CLASSES
*******************************/