/* -------------------------------------------------------------- 
   Resets default browser CSS  
-------------------------------------------------------------- */

* {
  margin:0;
  padding:0;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}
caption, th, td { 
 text-align: left; 
}

ul,ol {
  list-style-type:none;
}

img,fieldset,button {
  border:0;
}

button {
  background:none;
}

/* -------------------------------------------------------------- 
   Global Styles  
-------------------------------------------------------------- */

body {
  background-color:#fff;
  color:#676;
  font: .8em Arial,Helvetica,sans-serif;
}

#container {
  width:996px;
  margin:0 auto;
}

#marquee {
  margin:15px 0;
  position:relative;
  background: url('../img/layout/headliner.jpg') no-repeat bottom left;
  height:345px;
}

	#marquee #logo a {
	  display:block;
	  width:197px;
	  height:68px;
	  background: url('../img/layout/logo.gif') no-repeat top left;
	  text-indent:-9999em;
	  float:left;
	}
	
	#marquee #tagline {
	  width:286px;
	  height:17px;
	  background: url('../img/layout/tagline.gif') no-repeat top left;
	  text-indent:-9999em;
	  position:absolute;
	  top:15px;
	  left:230px;
	}

	#login_link{
		float:right;
		display:block;
		padding-right:20px;
	}
	
	#login_link a{
		color:#999999;
	}
	
	#marquee #mainNav {
	  float:right;
	  padding-top:43px;
	}
	
		#mainNav li {
		  display:inline;
		  padding:0 13px;
		  font-size:0.9em;
		}
		
			#mainNav li a {
			  color:#999;
			  text-decoration:none;
			}
	
	#marquee #headliner {
	  width:996px;
	  height:261px;
	  background: url('../img/layout/headliner.jpg') no-repeat bottom left;
	  text-indent:-9999em;
	  position:absolute;
	  z-index:-10;
	  top:80px;
	  left:0;
	}
	
#content {
  width:880px;
  margin:0 0 0 58px;
  position:relative;
  bottom:100px;
  
}

	#subscribeBox {
	  width:551px;
	  height:197px;
	  background: url('../img/layout/subscribeBox.jpg') no-repeat top left;
	  position:relative;
		text-align:right;
	}
	
	#subscribeBox .promo{
	  padding:10px 20px 0 0;
		color:#fff;
		width:330px;
		max-height:100px;
		overflow:auto;
		text-align:left;
		display:block;
		float:right;
	}
	
	#subscribeBox .promo a{
		color:#eee;
	}
	
	#subscribeBox .button a {
	  display:block;
	  width:216px;
	  height:50px;
	  background: url('../img/layout/subscribeButton.gif') no-repeat top left;
	}
.success {
}
	.success ul li {
		margin: 6px 0; 
	}	
#content p { 
  margin: 1em 0;
}

	#mainContent {
	  float:left;
	  width:552px;
	}
	
		#mainContent h1 {
		  color:#3464a2;
		  font-size:2em;
		  margin-bottom: .6em;
		  text-align:center;
		}
		
		#mainContent h2 {
		  color:#3464a2;
		  font-size:1.5em;
		  margin:1.3em 0 1em;
		}
		
		#mainContent a {
		  color:#3464a2;
		}
		
		#mainContent .subscribeBox a
		{
			color: #fff;
		}
		
		#mainContent ul {
		  margin:0 0 1em 1em;
		  list-style-type:disc;
		}
		
			#mainContent ul ul {
			  list-style-type:circle;
			}
		
		#mainContent ol {
		  margin:0 0 1em 1.5em;
		  list-style-type:decimal;
		}
			#mainContent ol.tips {
				margin-left: 30px;
			}
				#mainContent ol.tips p {
					margin: 0; 
					padding: 2px 0;
				}
				#mainContent ol.tips li {
					padding: 0 0 10px 0;
				}
				#mainContent ol.tips li strong {
					font-weight: bold;
				}
					
			#mainContent ol.tips li ul li {
				font-weight: normal;
				padding: 5px 0 0 0;
			}
		
		#agenda p, #agenda li {
		  color:#444;
		}
		
		#agenda li {
		  margin:0.2em 0;
		}
		
		#agenda p.small, #agenda small {
		  font-size:100%;
		  color:#999;
		}
		
		#agenda h1+p.small, #agenda h2+p.small {
		  margin-top:-1.2em;
		}
		
		.underline {
		  text-decoration:underline;
		}
		
		.strong {
		  font-weight:bold;
		  font-style:italic;
		  font-size:1.2em;
		}
		
		#mainContent .alert {
		  font-style:italic;
		  text-transform:uppercase;
		  color:red;
		}
		
		#mainContent .center {
		  text-align:center;
		  display:block;
		}
	
	#subContent {
	  width:251px;
	  float:right;
	  margin-top:-165px;
	  background: url('../img/layout/subContent_mid.gif') repeat-y top center;
	}
	
		#subContent .wrap2 {
		  background: url('../img/layout/subContent_top.gif') no-repeat top center;
		  padding:30px 17px;
		}
		
		#subContent .wrap1 {
		  background: url('../img/layout/subContent_bottom.gif') no-repeat bottom center;
		  height:850px;
		}
		
		#subContent form {
		}
		
			#subContent form legend {
			  font-weight:bold;
			  color:#999;
			}
			
			#subContent form div {
				margin:1.5em 0;
			}
			
			#subContent form input {
			  width:212px;
			  color:#999;
			}
			#subContent form a.forgot {
				color: #fff;
				display: block;
				font-size: 80%;
				margin: -10px 0 10px 0;
				text-align: right;
			}
			#subContent form button {
			  float:right;
			}
		
		#subContent h2 {
		  font-family:Myriad Pro, Helvetica, Arial, sans-serif;
		  font-size:1.7em;
		  text-transform:lowercase;
		  color:#fff;
		  float:none;
		  clear:both;
		  padding:0.7em 0;
		}
		
		#subContent ul li {
		  padding-left:10px;
		  margin:0.4em 0;
		  background: url('../img/layout/subContent_bullet.gif') no-repeat left 5px;
		  color:#fff;
		  font-weight:bold;
		  font-size:0.9em;
		}
		#subContent ol li {
			list-style-type: decimal;
			list-style-position: inside; 
		}
		#subContent blockquote {
		  background:#fff url('../img/layout/blockquote_top.gif') no-repeat top left;
		  margin:50px 0 0 7px;
		  padding:0;
		  width:202px;
		}
		
		#subContent blockquote .wrap1 {
		  background: url('../img/layout/blockquote_bottom.gif') no-repeat bottom left;
		  padding-bottom:45px;
		  height:auto;
		}
		
		#subContent blockquote p {
		  margin:0;
		  padding:10px 0;
		}
		
		#subContent blockquote q {
		  display:block;
		  color:#7dbf5b;
		  background: url('../img/layout/quotes.gif') no-repeat top left;
		  margin:0 10px;
		  padding:10px 0 0 12px;
		  font:italic 1.15em Georgia, serif;
		}
		
		#subContent blockquote cite {
		  color:#3565a1;
		  font-style:normal;
		  text-align:right;
		  display:block;
		  padding-right:10px;
		}
	
	#footer {
	  float:none;
	  clear:both;
	  text-align:center;
	  padding-top:20px;
	}
	
		#footer a {
		  color:#999;
		}
.thankyou {
	text-align: center; 
}

/* -------------------------------------------------------------- 
   Errors and Messages
-------------------------------------------------------------- */
div.message {
	background: #7EBE5D; 
	color: #FFF; 
	font-weight: bold; 
	margin-bottom: 10px; 
	padding: 10px;
	text-align: center; 
}
div.error {
	background: #CC0000; 
}
div.input.required.error {
	background: none;
}


/* -------------------------------------------------------------- 
   Subscribe
-------------------------------------------------------------- */

.subscribe p {
	display: block;
	text-align: center; 
}

.subscribe p.subscriber-login {
	
}
	.subscribe .agree p {
		text-align: left; 
	}
	.subscribe .agree-text ol li {
		margin: 10px 0;
	}
.subscribe form {
}
	.subscribe form .input {
		padding: 10px 0; 
	}	
		.subscribe form .input label {
			display: block; 
			float: left; 
			font-weight: bold;
			text-align: right;
			margin-right: 10px;  
			width: 130px; 
		}
		.subscribe form .input input {
			width: 200px; 
		}
		.subscribe form .input #SubscriptionEmail {
			width: 160px; 
		}				
		.subscribe form .input #SubscriptionPassword {
			width: 120px; 
		}		
		.subscribe form .input #SubscriptionCity {
			width: 150px; 
		}		
		.subscribe form .input #SubscriptionZip {
			width: 40px; 
		}		
		.subscribe form .input #SubscriptionCc {
			width: 120px; 
		}		
		.subscribe form .input #SubscriptionCvv {
			width: 30px; 
		}
		.subscribe form .input .error-message {
			color: #DD0000; 
			font-weight: bold; 
			margin-left: 140px; 
		}
		.subscribe form .submit input {
			margin: 5px 0 0 0;
			padding: 5px 10px; 
		}
.subscriptions .form-validate-error, #agree-error {
	background: #C00; 
	color: #FFF; 
	font-size: 80%; 
	padding: 2px; 
	white-space: nowrap; 
}
#agree-error {
	display: none;
}

.subscriptions fieldset {
	border: 1px solid #ccc; 
	margin: 0 0 25px 0; 
	padding: 0 20px; 
}
	.subscriptions fieldset legend {
		color: #7EBE5D;
		font-size: 120%; 
		font-weight: bold; 
		margin: 0 auto; 
		padding: 0 10px; 
	}
	.edit-account form .input {
		padding: 10px 0; 
	}	
		.edit-account form .input label {
			display: block; 
			float: left; 
			font-weight: bold;
			text-align: right;
			margin-right: 10px;  
			width: 130px; 
		}
		.edit-account form .input input {
			width: 200px; 
		}
		.edit-account form .input #SubscriptionEmail {
			width: 160px; 
		}				
		.edit-account form .input #SubscriptionPassword {
			width: 120px; 
		}		
		.edit-account form .input #SubscriptionCity {
			width: 150px; 
		}		
		.edit-account form .input #SubscriptionZip {
			width: 40px; 
		}		
		.edit-account form .input #SubscriptionCc {
			width: 120px; 
		}		
		.edit-account form .input #SubscriptionCvv {
			width: 30px; 
		}
		.edit-account form .input .error-message {
			color: #DD0000; 
			font-weight: bold; 
			margin-left: 140px; 
		}
		.edit-account form .submit input {
			margin: 5px 0 0 0;
			padding: 5px 10px; 
		}
	.account dl {
		padding: 10px;	
	}
		.account dl dt {
			font-weight: bold; 
			float: left; 
			width: 120px; 
		}		
		.account dl dd {
			float: left; 
			margin-bottom: 15px; 
			width: 300px; 
		}
	.account .edit-info {
		float: right;
	}
	.account .subscription-status {
		font-size: 120%; 
		font-weight: bold; 
		text-align: center; 
	}
		.account .subscription-status strong.active {
			color: #0A0;  
		}		
		.account .subscription-status strong.inactive {
			color: #A00;  
		}
.login {
}
	.login .input {
		padding: 10px; 
	}
		.login .input label {
			display: block; 
			float: left;
			margin-right: 5px; 
			text-align: right; 
			width: 100px; 
		}
		.login button {
			margin-left: 110px;
		}
#subContent .loggedin {
}
	#subContent .loggedin ul {
		margin: 25px 0 0 0;
	}
		#subContent .loggedin ul li {
			margin: 5px;
		}
			#subContent .loggedin ul li a {
				border-bottom: 1px solid #fff; 
				color: #fff;
				text-decoration: none; 
			}		
			#subContent .loggedin ul li a:hover {
				border-bottom: 1px solid #7EBF5B; 
				color: #fff;
			}			
			#subContent .loggedin ul li a:visited {
				color: #fff;
			}
.contact {
}
	.contact fieldset {
		border: 1px solid #AAA;
	}				
		.contact fieldset legend {
			color: #7EBE5D;
			font-weight: bold;
			font-size: 120%;
		}	
		.contact .input {
			padding: 10px 20px; 
		}	
			.contact .input label {
				display: block; 
				float: left;
				margin-right: 10px;
				text-align: right;
				width: 120px;
			}	
			.contact .input input {
				width: 200px;
			}	
		.contact .submit {
			margin-left:140px;
		}
.forgot {
}
	.forgot p {
		text-align: center;
	}
	.forgot input {
		margin-top: 10px;
	}

/* -------------------------------------------------------------- 
   Common Classes and Fixes  
-------------------------------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* First Agenda */
.first_agenda h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 20px 0 0 0;
}

/* -------------------------------------------------------------- 
   PNG Borders Styles  
-------------------------------------------------------------- */

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Rules for the top corners and border */
.bt {
  background:url(../img/layout/content_box.png) no-repeat 100% 0;
  margin:0 0 0 14px;
  height:25px;
}

.bt div {
  height:25px;
  width:15px;
  position:relative;
  left:-15px;
  background:url(../img/layout/content_box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
  background:url(../img/layout/content_box.png) no-repeat 100% 100%;
  margin:0 0 0 14px;
  height:25px;
}

.bb div {
  height:25px;
  width:15px;
  position:relative;
  left:-15px;
  background:url(../img/layout/content_box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
  padding:0 0 0 5px;
  background:url(../img/layout/content_corners.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
  padding:0 6px 0 0;
  background:url(../img/layout/content_corners.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
  background:#fff;
  padding:25px 0 5px 33px;
}
/* CSS for the box ends here */



/**
 * Homepage
 */
.centerHeading
{
	font-size: 160%;
	font-weight: bold;
	text-align: center;
}

.centerText
{
	text-align: center;
	font-size: 125%;
	padding-bottom: 30px;
}

.subscribeBox
{
	background-image: url('/img/new_block_gradient.png');
	background-repeat: no-repeat;
	background-position: left top;
	color: #fff;
	line-height: 110%;
	font-size: 10pt;
	overflow: hidden;
	width: 557px;
	height: 300px;
	margin-bottom: 24px;
}

.subscribeBox li
{
	margin-left: 20px;
}

.subscribeBox .innerContainer
{
	padding: 20px;
}

.subscribeBox strong
{
	font-size: 14pt;
}

.subscribeContent
{
	width: 570px;
}

.subscribeContent div
{
	background: url('/img/subscribeContentBox.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 275px;
	height: 197px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #848984;
	line-height: 150%;
}

.subscribeContent div p
{
	padding: 20px;
	margin: 0;
}

#content .subscribeContent div p
{
	margin: 0;
}

.subscribeContent div p strong
{
	font-size: 14pt;
}

.subscribeContent div p img
{
	padding-top: 10px;
}

/** PRODUCTS **/
.product-title{
   font-size:16px;
   padding:4px 0px;
   font-weight:bold;
   color:rgb(40,40,40);
}
.product-title a{
    text-decoration:none;
}
.product-title a:hover{
    text-decoration:underline;
}
.product-price{ 
   font-weight:bold; 
   color:rgb(255,80,80);
   font-size:14px;
}
.product-image { border:solid 1px #ccc; width:120px; }
.data-cell { padding:0px 50px 0px 10px; border:solid 0px #fff; vertical-align:top; }
.align-cart { padding-left:480px }
.product-description{ display:none; }

a.add-to-cart{
   display:block;
   background:url(/img/add_to_cart.png) no-repeat;
   width:106px;
   height:30px;
}

a.instant-download{
   display:block;
   background:url(/img/btn_download.png) no-repeat;
   width:106px;
   height:30px;
}
a.instant-download span,
a.add-to-cart span{
    display:none;
}
/** PRODUCT MODALS **/
.product-modal-title{
   background-color:#EDF5FF;
   font-weight:bold;
   font-size:18px;
   padding:4px 6px;
   color:rgb(40,40,40);
}
.product-modal-sub a{
   float:right;
}
.product-modal-sub{
    font-size:16px;
    height:30px;
    line-height:30px;
    font-weight:bold;
    padding:8px;
}
.product-modal-price{ 
   font-weight:bold; 
   color:rgb(255,80,80);
   font-size:16px;
}
.product-modal-description{
    font-size:14px;
    line-height:160%;
    color:#445544;
    position:relative;
    padding-bottom:45px;
}
.product-modal-description img{
    padding-right:10px;
}
.product-modal-description a.add-to-cart{
   position:absolute;
   bottom:0px;
   right:0px;
}
.product-modal-description ul{
padding:10px 35px;
}
.product-modal-description ul li{
list-style-type:disc;
}


/** SHOPPING CART **/
#shoppingcart{
  position:fixed;
  bottom:10px;
  right:10px;
  color:black;
  font-family:Arial,sans-serif;
  font-size:16px;
  border-left:1px solid #C3D6F9;
  border-right:1px solid #C3D6F9;
  width:19em;
  background:white;
  z-index:1000;
}
#shoppingcart .head {
  background-color:#EDF5FF;
  border-top:1px solid #C3D6F9;
  border-bottom:1px solid #C3D6F9;
  cursor:pointer;
  padding:0.2em 0.4em;
  position:relative;
}
#shoppingcart .head .arrow{
  font-size:12px;
}
#shoppingcart .head .title{
  font-weight:bold;
  font-size:15px;
}
#shoppingcart .head .count{
  font-size:12px;
}
#shoppingcart .image img{
  width: 2.5em;
}
#shoppingcart .item td{
  border-bottom:1px solid #C3D6F9;
  padding:6px 0px;
  vertical-align:top;
}
#shoppingcart .item .quantity{
  padding: 6px 9px;
}
#shoppingcart .item .quantity input{
  border:1px solid #A3C0F8;
  font-size:0.75em;
  padding:0 2px;
  text-align:center;
  width:2em;
}
#shoppingcart .item .details a{
  font-size:0.8em;
  font-weight:bold;
  color:#0000ff;
}
#shoppingcart .item .image{
  padding:6px;
}
#shoppingcart .item .price{
  padding:6px 8px;
  text-align:right;
}
#shoppingcart .item .price .amount{
  font-size:0.8em;
  font-weight:bold;
  color:black;
}
#shoppingcart .item .price .remove{
  font-size:0.6em;
  text-align:right;
}
#shoppingcart .empty{
  padding:8px;
  text-align:center;
  border-bottom:1px solid #A3C0F8;
}
#shoppingcart .foot{
  padding:6px 8px;
  border-bottom:1px solid #A3C0F8;
}
#shoppingcart .foot .footertext{
  vertical-align:top;
}
#shoppingcart .foot .footertext .subtotal{
  font-size:0.8em;
}
#shoppingcart .foot .footertext .total{
  font-size:.92em;
  font-weight:bold;
}
#shoppingcart .foot .checkout a{
  width:160px;
  height:43px;
  display:block;
}

/*sales page catalog download link*/
.catalog_download {
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
}