/* = TYPOGRAPHY: TABLE OF CONTENTS

	1. = BODY
    2. = LINKS
    3. = HEADINGS
    4. = TEXT
    5. = LISTS
    6. = TABLES
    7. = HORIZONTAL RULES

---------------------------------------------------------
*/

/* = BODY
---------------------------------------------------------
*/

body
{
	font-family: verdana, tahoma, "lucida grande", arial, sans-serif;
    font-size: 62.5%;
	line-height: 1;
	color: #666666;
}

     /* IE doesn't see this. Compensate for Safari's default font size - 14px - as opposed to the standard 16px in other browsers */
     html>body
     {
     	font-size: 10px;
     }

div
{
	font-size: 1.0em;
}

img
{
	border: 0;
}

	img.left
    {
    		float: left;
          margin: 0 2em 2em 0;
    }
    
    img.right
    {
    		float: right;
          margin: 0 0 2em 2em;
    }

.copy
{
	font-family: verdana, tahoma, "lucida grande", arial, sans-serif;
}

/* = LINKS
---------------------------------------------------------
*/

a,
a:link 
a:active
{
	color: #FF6600;
	text-decoration: underline;
}

a:visited
{
	color: #676767;
}

a:hover
{
	color: #676767;
	text-decoration: underline;
}

/* Bug Links */
div#secondary div#live-chat-bug a,
div#secondary div#live-chat-bug a:link,
div#secondary div#live-chat-bug a:active,
div#secondary div#live-chat-bug a:visited
{
	color: #0055AB;
    font-weight: bold;
    text-decoration: underline;
}

div#secondary div#live-chat-bug a:hover
{
	text-decoration: none;
}

div#secondary div#corporate-address-bug a,
div#secondary div#corporate-address-bug a:link,
div#secondary div#corporate-address-bug a:active,
div#secondary div#corporate-address-bug a:visited
{
	margin: 0;
    padding: 0;
}

div#secondary div#corporate-address-bug p.cta
{
	margin: 0;
    padding: 0 1.0em 1.0em 0;
	text-align: right;
}

/* END LINKS
---------------------------------------------------------
*/
	
/* = HEADINGS
---------------------------------------------------------
*/

h1
{
	font-size: 2em;
	line-height: 2.2;
	margin: 0 0 0.5em 0;
	padding: 0.75em 0 0 0;
    color: #0050A4;
    border-bottom: 1px solid #0050A4;
}
    
	/* = Page Headers */
    
    
    
    /* End Page Headers */

h2
{
	font-size: 1.7em;
	line-height: 1.7;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #0050A4;
}

		h2 a,
     h2 a:link 
     h2 a:active
     {
     	color: #0050A4;
     	background: transparent;
     	text-decoration: none;
     }
     
     h2 a:visited
     {
     	color: #676767;
     	background: transparent;
     }
     
     h2 a:hover
     {
     	color: #676767;
     	background: transparent;
     	text-decoration: underline;
     }

	div#express-store h2
    {
    		float: left;
          width: 25px;
          height: 137px;
          margin: 0;
          background: #FF6600 url('../../images/home/express-store-label.gif') no-repeat center center;
    }
    
    #page-home div#reviews h2
    {
    		margin: 0 1.0em 0.5em 1.0em;
          border-bottom: 1px solid #0050A4;
    }

h3
{
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #0050A4;
}

	#page-home div#secondary div#blog-excerpt-bug h3,
    #page-home div#secondary div#learn-more-bug h3,
    #page-home div#secondary div#common-questions-bug h3
    {
    		text-align: left;
          background: transparent;
    		margin: 1.5em 0 0.5em 0;
          border-bottom: 1px solid #0050A4;
    }
    
    #page-home div#secondary div#blog-excerpt-bug p,
    #page-home div#secondary div#learn-more-bug p,
    #page-home div#secondary div#common-questions-bug p
    {
    		padding: 0;
    }
    
    div#secondary div#live-chat-bug h3,
    div#secondary div#product-demo-bug h3,
    div#secondary div#vendor-bug h3,
    div#secondary div#user-tips-bug h3,
    div#secondary div#tech-support-bug h3,
    div#secondary div#corporate-address-bug h3,
    div#secondary div#blog-excerpt-bug h3,
    div#secondary div#learn-more-bug h3,
    div#secondary div#common-questions-bug h3
    {
    		margin: 0;
          padding: 5px 0;
          color: white;
          background: #70ABEE;
          text-align: left;
    }
    
    div#secondary div#purchase-bug h3
    {
    		margin: 0;
          padding: 0;
          color: white;
          background: #FF6600 url('../../images/bugs/header-express-store.gif') no-repeat 90% center;
          text-align: left;
    }

    div#secondary div#live-chat-bug h3
    {
    		margin: 0;
          padding: 0;
          color: white;
          background: #70ABEE url('../../images/bugs/header-live-chat.gif') no-repeat 90% center;
          text-align: left;
    }
         
    div#secondary div#corporate-address-bug h3
    {
    		margin: 0;
          padding: 0;
          color: white;
          background: #70ABEE url('../../images/bugs/header-corporate-address.gif') no-repeat 90% center;
          text-align: left;
    }
    
	 	div#secondary div#purchase-bug h3 img,
         	div#secondary div#live-chat-bug h3 img,
         	div#secondary div#corporate-address-bug h3 img
         	{
               padding: 2px 0 2px 5px;
         	}
    
    div.sort-chronological h3
    {
    		float: left;
          margin: 0.25em 15px 0 0;
    }
    
h4
{
	font-size: 1.2em;
	line-height: 1.4;
	margin: 0 0 0.25em 0;
	padding: 0;
	color: #0050A4;
}

	div.sort-years h4,
    div.sort-months h4
    {
     	font-size: 1.2em;
     	line-height: 1.4;
     	margin: 0 1em 0.25em 1.3em;
     	padding: 0;
     	color: #0050A4;
          float: left;
    		width: 3.5em;
    }

    div#purchase-bug h4
    {
    		text-align: center;
    }
         
h5
{
	font-size: 1.1em;
	line-height: 1.3;
	margin: 0 0 0.25em 0;
	padding: 0;
	color: #0050A4;
}


	h5.about-function
    {
    		width: auto;
          height: 42px;
          float: left;
          clear: left;
     	font-size: 1.1em;
     	line-height: 1.3;
     	margin: 0 1em 0.5em 0;
     	padding: 0;
     	color: #0050A4;
    }

h6
{
	font-size: 1.0em;
	line-height: 1.2;
	margin: 0 0 0.25em 0;
	padding: 0;
	color: #0050A4;
}

/* END HEADINGS
---------------------------------------------------------
*/

/* = TEXT
---------------------------------------------------------
*/

p
{
	font-size: 1.1em;
	line-height: 1.4;
	margin: 0 0 1.5em 0;
	padding: 0;
}

	/* Preset Columns - Must use divs in order to position headers */

	.half-liquid
    {
          width: 47%;
     	margin: 0;
     	padding: 0;
          /*float: left;*/
    }

    .one-third-liquid
    {
          width: 28%;
     	margin: 0 5% 1.5em 0;
     	padding: 0;
    }
    
    .one-third-fixed
    {
          width: 210px;
     	margin: 0 30px 1.5em 0;
     	padding: 0;
    }
    
    .two-thirds-liquid
    {
          width: 68%;
     	margin: 0 0 1.5em 0;
     	padding: 0 0 0 0;
    }
    
    .two-thirds-fixed
    {
          width: 73%;
     	margin: 0 0 1.5em 0;
    }
    
    .right
    {
    		float: right;
          margin: 0 0 0 2.5%;
    }
    
    .left
    {
    		float: left;
          margin: 0 2.5% 0 0;
    }
    		    
    		.right-photo
          {
          	float: right;
               padding: 0 0 0 2.5%;
          }
          
         .left-photo
         {
         		float: left;
               padding: 0 2.5% 0 0;
         }
        
    .callout
    {
    		margin: 0 0 1.5em 0;
    		border: 1px solid #C0C7D8;
          background: white url('../../images/callout-gradient-bg.gif') repeat-x bottom center;
    }
    
    /* End Preset Columns - Must use divs in order to position headers */
    
    /* Specific Columns */
    
		.dianeleft
     {
          width: 46%;
			margin: 0;
			padding: 10px;
		}

		.dianeright
     {
          width: 46%;
			margin: 0;
			padding: 10px;
		}
		
    .reviews
    {
    		height: 400px;
    }
    
    #page-home div#reviews
    {
    		padding: 1.5em;
    }
    
    #page-home div#main div#review-source p
    {
    		font-size: 1.0em;
          padding: 2.5em 0 0 0;
    }
    
    p.coupon-code
    {
          padding: .5em 0;
          margin: 0;
          font-size: 1em;
          color: #04469C;
    }
    
    		div#secondary div#purchase-bug p.coupon-code
          {
          	text-align: center;
          }
    
    .product-name
    {
    		font-weight: bold;
          text-transform: uppercase;
          color: #666666;
    }
    
    .product-price
    {
    		font-weight: bold;
    		color: #3366CC;
    }
    
    div#promotion div p.special-offer
    {
    		font-size: 1.1em;
          clear: left;
          font-weight: bold;
          color: #0050A4;
    }
    
    div#promotion div p.special-offer-terms
    {
    		font-size: 0.8em;
          clear: left;
          color: #666666;
    }
    
     .box-top
     {
     	position: absolute;
          bottom: 0;
          left: 47px;
     }
     
     * html .box-top
     {
     	bottom: -1px;
     }
    
    /* End Specific Columns */

blockquote
{
	font-size: 1.6em;
    line-height: 1.6;
    font-weight: bold;
    color: #FF6600;
    width: 50%;
	margin: 1.5em 0 1.5em 5em;
}

	#page-home div#reviews blockquote
    {
    		width: auto;
          margin: 1.5em 0;
    		padding: 0 1.0em;
          background: transparent url('../../images/home/left-quotation-mark.gif') no-repeat left 5px;
    }

    #page-home div#promotion p
    {
    		font-size: 0.9em;
    }
    
strong, b
{
	font-weight: bold;
}

em, i
{
	font-style: italic;
}

pre
{
	font-family: monospace;
	font-size: 1.0em;
}

code
{
    font-family: "courier new", courier, monospace;
    font-size: 1.0em;
    white-space: pre;
}

/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/

ul,
ul.half-liquid
{
	line-height: 1.4;
	margin: 0 0 1.5em 15px;
    list-style-type: disk;
    list-style-position: outside;
}

ul li,
ul.half-liquid li
{
	margin: 0 0 0.55em 0;
	padding: 0;
}

div.two-thirds-liquid ul
{
	margin-left: 15px;
}

ul.two-thirds-liquid li
{
}

    ul.purchase-bundles
    {
    		width: 100%;
          margin: 0;
          padding: 0;
          list-style: none;
    }
    
    #page-home ul.purchase-bundles
    {
    		margin-top: 1.5em;
    }
    
    div#purchase-bug ul.purchase-bundles
    {
    		width: 90%;
          margin: 0 auto;
    }
    
    ul.purchase-bundles li
    {
    		border-top: 1px solid white;
         /* height: 1.5em;*/
          line-height: 1.5em;
          margin: 0;
          padding: 0;
          clear: both;
    }
    
    div#purchase-bug ul.purchase-bundles li
    {
    		/*height: 3.0em;*/
    		border-top: 1px solid gray;
    }
    
    div#purchase-bug ul.purchase-bundles li.last
    {
    		border-bottom: 1px solid gray;
    }
    
    		ul.purchase-bundles li span
          {
          	float: left;
          	display: inline;
               text-align: left;
               margin: .5em 0 0 0;
          }
          
          ul.purchase-bundles li span.product-name
          {
          	width: 35%;
          }
          
          ul.purchase-bundles li span.product-price
          {
          	width: 35%;
               margin-left: 5%;
          }
          
          ul.purchase-bundles li span.purchase-cta
          {
          	width: 10%;
               margin: .25em 0 0 5%;
          }
    
    div#vendors ul
    {
    		width: 100%;
          text-align: center;
    		list-style: none;
          margin: 0 0 1.5em 0;
          padding: 0;
    }
    
    div#vendors ul li
    {
    		float: left;
    		display: inline;
          width: 19%;
    }
    
    div#secondary div#purchase-bug div#vendors ul li
    {
     	width: 50%;
    }
    
    ul.callout
    {
    		margin: 0;
          padding: 0;
    }
    
    ul.callout li
    {
    		float: left;
          width: 44%;
          margin: 1.0em 1.5% 0 1.5%;
          padding: 0 0 0 2.5%;
          font-size: 1.2em;
          line-height: 1.75;
          font-weight: bold;
          list-style: none;
          background: transparent url('../../images/check-white-bg.gif') no-repeat top left;
    }
    
    div.sort-years ul,
    div.sort-months ul
    {
          line-height: 1.4;
          float: left;
    		margin: 0 0 0 1.5em;
    }
    
    div.sort-years ul li,
    div.sort-months ul li
    {
    		list-style: none;
          display: block;
          padding: 0 1em;
    }
    
    div.sort-years ul li.first,
    div.sort-months ul li.first
    {
          padding: 0 1em;
    }
    
    div.sort-years ul li.last,
    div.sort-months ul li.last
    {
          border-right: none;
    }
    
    ul.check
    {
    		font-size: 1.1em;
          margin: 0 0 1.5em 2.5em;
    }
    
    ul.check li
    {
    		list-style: url('../../images/check-white-bg.gif');
          margin: 0 0 1em 0;
    }

ol
{
	font-size: 1.0em;
	line-height: 1.4;
	margin: 0 0 1.5em 20px;
	padding: 0;
}

* html ol
{
	margin-left: 25px;
}

ol li
{
	margin: 0 0 0.25em 0;
	padding: 0;
}

dl
{
	font-size: 1.0em;
	line-height: 1.4;
	margin: 0 0 1.5em 0;
	padding: 0;
}

dl dt
{
	font-weight: bold;
	margin: 0.25em 0;
	padding: 0;
}

dl dd
{
	margin: 0 0 0 30px;
	padding: 0;
}

/* END LISTS
---------------------------------------------------------
*/

/* = TABLES
---------------------------------------------------------
*/

table
{
	font-size: 1.0em;
	margin: 0 0 1.5em 0;
	padding: 0;
    border: 1px solid #669ACC;
}

table caption
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 1.5em 0;
}

th
{
	font-weight: bold;
	text-align: left;
}

td
{
	font-size: 1em;
    padding: 5px;
    border: 1px solid #669ACC;
}


	#page-forum table,
    #page-forum td,
    #page-store table,
    #page-store td
    {
    		border: none;
          margin: 0;
          padding: 0;
    }
    
/* END TABLES
---------------------------------------------------------
*/

/* = HORIZONTAL RULES
---------------------------------------------------------
*/
	
hr
{
	display: none;
}

div.hr-orange
{
	height: 1px;
	margin: 1.5em 0;
	border-bottom: 1px solid #FF6600;
}

div.hr-blue
{
	height: 1px;
	margin: 1.5em 0;
	border-bottom: 1px solid #0050A4;
}

div.hr-grey
{
	height: 1px;
	margin: 2em 0;
	border-bottom: 1px solid #CCCCCC;
}

/* END HORIZONTAL RULES
---------------------------------------------------------
*/	