﻿/*------------------*/
/*  INCLUDES        */
/*------------------*/

@import url('pricing.css');
@import url('features.css');

 
/*------------------*/
/*  HTML SELECTORS  */
/*------------------*/

body
	{
	font-family: arial, verdana, helvetica, sans-serif;
	color: #422105;
	background-color: #F29A40;
	margin: 0px;
	line-height: 1.4em;
	}

h1, h2, h3
	{
	font-family: 'Trebuchet MS', georgia, serif;
	font-size: 14pt;
	font-weight: bold;
	color: #984C0F;
	}
	
h2 
	{ 
	font-size: 12pt;
	}

h2.sidemenu
	{
	color: #fff;
	}
	 
h3 
	{ 
	font-size: 10pt; 
	}

img	
	{ 
	border: none;	
	}

/*------------------*/
/*  LAYOUT LOGIC    */
/*------------------*/
 
#content, #header, #footer
	{
	position: relative;
	width: 760px;
	height: auto;
	overflow: auto;
	}

#content
	{
	background: url('../images/content_bg.gif') repeat-y;
	}

#header
	{
	color: #fff;
	height: 185px;
	background: url('../images/header_bg_main.gif') no-repeat top left;
	margin-top: 8px;
	}

#footer
	{
	background: url('../images/footer_bg.gif') no-repeat top left;
	padding-top: 13px;
	color: #630;
	overflow: hidden;
	}

#footer p
	{
	padding-right: 10px;
	}
	
#sidemenu, #contentSection01, #contentSection02, #contentSection03
	{
	position: relative;
	float: left;
	width: 250px;
	height: auto; 
	overflow: auto;
	}

#sidemenu
	{
	float: left;
	color: #FFF;
	left: 10px;
	padding: 0px;
	width: 212px;
	overflow: visible;
	}

#contentSection02
	{
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	}

#contentSection01
	{
	float: right;
	padding-right: 5px;
	margin-top: 10px;
	}

#contentSection03
	{
	float: right;
	padding-right: 12px;
	width: 500px;
	margin-top: 10px;
	}

#contentSection01 p, #contentSection02 p
	{
	padding: 0px 8px;
	}

#mainFooterNav
	{
	padding-right: 13px;
	float: right;
	}
	 
#mainFooterIpswitch
	{
	position: relative;
	float: left; 
	margin: 15px 0px 0px 0px;
	left: 15px;
	width: 240px;
	}
	 
#flashPic
	{
	position: relative;
	height: 100px;
	width: 500px;
	background-color: blue;
	clear: both;
	top: 80px;
	margin-right: 1px;
	float: right;
	background: url('../images/flashpic.gif') no-repeat top center;
	}

.goTop
	{
	position: relative;
	float: right;
	margin: -15px 5px 0px 0px;
	}

	
/*------------------*/
/*  CLASSES         */
/*------------------*/

.top, a.top
	{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #984C0F;
	}

a:hover.top
	{
	text-decoration: none;
	color: #F60;
	}

.sectionGeneral
	{
	padding-bottom: 10px;
	border-top: 1px dashed #F60;
	position: relative;
	overflow: auto;
	}

.tForm
	{
	color: #C60;
	}

.text, .smtext
	{
	font-size: 10pt;
	color: #422105;
	}

a.text, a.smtext
	{
	color: #C60;
	text-decoration: underline;
	}

a:hover.text, a:hover.smtext, a:hover.tLite
	{
	color: #F60;
	text-decoration: none;
	}

.smtext
	{
	font-size: 8pt;
	}

a.tLite
	{
	color: #f93;
	text-decoration: underline;
	}

.footerLinks, a.footerLinks
	{
	font-size: 10pt;
	text-decoration: none;
	color: #C60;
	}

a:hover.footerLinks
	{
	text-decoration: underline;
	color: #F60;
	}

.sideText
	{
	color: #fff;
	}

a.sideText
	{
	color: #f93;
	padding-bottom: 2px;
	border-bottom: 1px dashed #f93;
	text-decoration: none;
	}

a:hover.sideText
	{
	color: #F60;
	border-bottom: 1px dashed #F60;
	}

.sideAd
	{
	position: relative;
	padding-bottom: 25px;
	height: auto;
	overflow: auto;
	border-top: 1px solid #F60;
	}

a.midMenuText
	{
	color: #fff;
	text-decoration: underline;
	}

a:hover.midMenuText
	{
	color: #F60;
	text-decoration: none;
	}

.sideItem, a.sideItem, .sideItemOn, a.sideItemOn
	{
	border: none;
	padding-left: 17px;
	margin-left: 5px;
	background: url('../images/arrow_side.gif') no-repeat left;
	text-decoration: none;
	color: #fff;
	}

a:hover.sideItem, a:hover.sideItemOn
	{
	background: url('../images/arrow_side_mo.gif') no-repeat left;
	color: #929292;
	}

.sideItemOn, a.SideItemOn
	{
	background: url('../images/arrow_side_hl.gif') no-repeat left;
	color: #F29A40;
	font-weight: bold;
	}

.miniTitle
	{
	font-weight: bold;
	letter-spacing: 0.05em;
	}

.menuSpacer
	{
	height: 15px;
	padding: 0px;
	margin: 0px;
	}

.caseStudy
	{
	position: relative;
	border-top: 1px dashed #f60;
	padding: 8px 0px;
	}

.floatPicR { float: right; margin: 10px 0 10px 10px; }
.floatPicL { float: left; margin: 10px 10px 10px 0; }

.compTable { font-size: 0.9em; line-height: 1.4em; clear: both;border-left: #ccc 1px solid;border-right: #ccc 1px soild;}
.compTable .darkrow { background-color: #666; color: #fff; font-weight: bold;}

/*  Addordion Comparison Table */

/* Accordion Comparison Features */

.AccordionTitle, .AccordionContent, .AccordionContainer
	{
	position:relative;
	width:460px;
	}

.AccordionTitle
	{
		height:20px;
		overflow:hidden;
		cursor:hand;
		font-family:Arial;
		font-size:9pt;
		background-color: #ccc;
		border-bottom: #4d4d4d 1px solid;
		font-weight:bold;
		vertical-align:middle;
		text-align:center;
		background-repeat:repeat-x;
		-moz-user-select:none;
	}

.AccordionContent
	{
	height:auto;
	overflow: hidden;
	display:none; 
	}

.AccordionContainer
	{
		border-top: solid 1px #C1C1C1;
		border-bottom: solid 1px #C1C1C1;
		border-left: solid 2px #C1C1C1;
		border-right: solid 2px #C1C1C1;
	}

.AccordionContainer .alternatingRow
	{
		background-color: #f4f4f4;
	}

.tableAlternatingRow
	{
		background-color: #f4f4f4;
	}
