/* Universals
========================================================================================================================*/
html, body{ background:#363436; color:#333; font:12px/16px Verdana, Helvetica, Arial, sans-serif; margin:0px; padding:0px; }
body{ background:#363436 url('/assets/images/bg.gif') 0px 0px repeat-x; }

a{ color:#f37c21; }
a:hover{ color:#0374bb; }

h1, h2, h3, h4, h5{ font-weight:bold; margin:0px 0px 1em 0px; }
h1{ font:normal 30px/36px Helvetica, Arial, sans-serif; }
h1.sIFR-replaced{ margin:0px 0px 1px 0px; }
h2{ font:normal 18px/22px Helvetica, Arial, sans-serif; }
h3{ color:#2a9708; font:normal 15px/18px Verdana, Helvetica, Arial, sans-serif; margin:1.5em 0px .8em 0px; }

img{ border:none; }

p{ margin:0px 0px 1em 0px; }

.clear,
.clearLeft{ clear:both; font-size:1px; height:1px; line-height:1px; overflow:hidden; width:1px; }
.clearLeft{ clear:left; }

/* Structure
========================================================================================================================*/
#wrapper{
	margin:0px auto;
	width:960px;
}

#header{ background:url('/assets/images/header_bg.jpg') 0px 0px no-repeat; height:90px; position:relative; width:960px; }

	#logo{
		display:block;
		height:90px;
		left:0px;
		position:absolute;
		text-indent:-5000px;
		top:0px;
		width:360px;
	}
	
	#smallNav{
		color:#666;
		display:inline;
		font:10px/12px Helvetica, Arial, sans-serif;
		list-style:none;
		margin:0px;
		padding:0px;
		position:absolute;
		right:0px;
		top:8px;
	}
		#smallNav li{ display:inline; }
		#smallNav a{ color:#c3c3c3; }
		#smallNav a:hover{ color:#f37c21; }
		#smallNav a.selected{ color:#e525c7; text-decoration:none; }

	#nav{
		height:37px;
		list-style:none;
		margin:0px;
		padding:0px;
		position:absolute;
		right:11px;
		top:45px;
		width:294px;
	}
	
		#nav li{ float:left; }
		
			#nav li a{ display:block; float:left; height:45px; text-indent:-5000px; }
		
			#nav li a#navFeatures{ background:url('/assets/images/nav.jpg') 0px 0px no-repeat; width:99px; }
			#nav li a#navReviews{ background:url('/assets/images/nav.jpg') -99px 0px no-repeat; width:96px; }
			#nav li a#navBuyNow{ background:url('/assets/images/nav.jpg') -195px 0px no-repeat; width:99px; }

			#nav li a#navFeatures:hover{ background:url('/assets/images/nav.jpg') -0px -45px no-repeat; width:99px; }
			#nav li a#navReviews:hover{ background:url('/assets/images/nav.jpg') -99px -45px no-repeat; width:96px; }
			#nav li a#navBuyNow:hover{ background:url('/assets/images/nav.jpg') -195px -45px no-repeat; width:99px; }
			
			#nav li a#navFeatures.selected{ background:url('/assets/images/nav.jpg') -0px -90px no-repeat; width:99px; }
			#nav li a#navReviews.selected{ background:url('/assets/images/nav.jpg') -99px -90px no-repeat; width:96px; }
			#nav li a#navBuyNow.selected{ background:url('/assets/images/nav.jpg') -195px -90px no-repeat; width:99px; }
			
			#nav li a#navFeatures.selected:hover{ background:url('/assets/images/nav.jpg') -0px -90px no-repeat; width:99px; }
			#nav li a#navReviews.selected:hover{ background:url('/assets/images/nav.jpg') -99px -90px no-repeat; width:96px; }
			#nav li a#navBuyNow.selected:hover{ background:url('/assets/images/nav.jpg') -195px -90px no-repeat; width:99px; }
			
#mainWrapper{
	background:url('/assets/images/contentBgRepeat.gif') 0px 0px repeat-y;
}
	#main{
		background:url('/assets/images/contentBgTop.gif') 0px 0px no-repeat;
		min-height:267px;
		height:auto !important;
		height:267px;
		padding:60px 60px 46px 60px;
		width:840px;
	}
	
		#content{
			color:#414141;
			font:12px/18px Helvetica, Arial, sans-serif;
			width:590px;
		}
			#content .h1{ height:42px; }
			#content .h1 h1{ color:#6c207f; font:30px/36px Helvetica, Arial, sans-serif; letter-spacing:-.8px; }
			.page_scan .h1,
			.page_organize .h1,
			.page_share .h1{ float:left; width:430px; }
			#content h2{ color:#a0218c; font:bold 18px/24px Helvetica, Arial, sans-serif; letter-spacing:-.2px; margin:40px 0px 8px 0px; }
			#content h3{ color:#0374bb; font-size:14px; font-weight:bold; line-height:20px; margin:1em 0px 2px 0px; }
			#content ul{ color:#0374bb; list-style:none; margin:0px; padding:0px 0px 0px 30px; }
			#content ul li{ background:url('/assets/images/bullet.gif') 0px 0px no-repeat; line-height:16px; padding:0px 0px 12px 10px; }
			#content p.quote{ font-style:italic; margin:0px; }
			#content p.author{ color:#0374bb; line-height:14px; margin:4px 0px 1.5em 0px; }
			#content p.author strong{ font-size:12px; }
			#content div#more{ display:none; }
			#content div.headerIcon{ margin-top:20px; width:590px; }
			#content div.headerIcon img{ float:left; padding:0px 15px 0px 0px; }
			#content div.headerIcon .h1{ float:left; margin-top:0px; width:435px; }
			#content div.headerIcon p{ float:left; margin-bottom:0px; width:435px; }
			#content img.pageIcon{ float:left; margin:0px 15px 10px 0px; }
			#content p.formErrors{ color:#d00; display:none; margin-bottom:20px; }
			#content form{}
			#content form label{ display:block; padding:0px 0px 10px 0px; }
			#content form input,
			#content form textarea{
				border:1px solid #aaa;
				color:#333;
				font:12px/16px Helvetica, Arial, sans-serif;
				margin:0px 0px 5px 0px;
				padding:3px 4px 2px 4px;
				width:192px;
			}
			#content form input{ height:16px; }
			#content form textarea{ height:100px; width:292px; }
			#content form select{ height:20px; width:200px; }
			#content input.submit{
				background:url('/assets/images/buttonSubmit.gif') 0px 0px no-repeat;
				border:none;
				display:block;
				float:left;
				height:38px;
				text-indent:-5000px;
				width:138px;
			}
				#content input.submit:hover{ background-position:0px -38px; }
			#content span.requiredText{
				color:#f37c21;
				display:block;
				float:left;
				font-size:11px;
				font-weight:bold;
				padding:20px 0px 0px 10px;
			}
			
	
		#sidebar{
			float:right;
			width:200px;
		}
		
			#sidenav{ display:block; list-style:none; height:128px; margin:0px; overflow:hidden; padding:0px; width:200px; }
			
				#sidenav li a{ display:block; height:40px; margin:0px 0px 4px 0px; text-indent:-5000px; width:200px; }
				
				#sidenav li a#sidenavScan{ background:url('/assets/images/buttonScanSidebar.gif') 0px 0px no-repeat; }
				#sidenav li a#sidenavOrganize{ background:url('/assets/images/buttonOrganizeSidebar.gif') 0px 0px no-repeat; }
				#sidenav li a#sidenavShare{ background:url('/assets/images/buttonShareSidebar.gif') 0px 0px no-repeat; }
				
				#sidenav li a#sidenavScan:hover{ background-position:0px -40px; }
				#sidenav li a#sidenavOrganize:hover{ background-position:0px -40px; }
				#sidenav li a#sidenavShare:hover{ background-position:0px -40px; }
				
				#sidenav li a#sidenavScan.selected{ background-position:0px -80px; }
				#sidenav li a#sidenavOrganize.selected{ background-position:0px -80px; }
				#sidenav li a#sidenavShare.selected{ background-position:0px -80px; }
			
			#sidebarVideoPopup{ display:block; padding:22px 0px 22px 0px; }
			
			.buyNow{
				background:url('/assets/images/buttonBuyNow.gif') 0px 0px no-repeat;
				display:block;
				height:38px;
				text-indent:-5000px;
				width:138px;
			}
			.buyNow:hover{ background-position:0px -38px; }
			
			#sidebarBuyContainer{
				background:url('/assets/images/sidebarBuyRepeat.gif') 0px 0px repeat-y;
			}
				#sidebarBuyContent{
					background:url('/assets/images/sidebarBuyTop.gif') 0px 0px no-repeat;
					padding:55px 20px 12px 20px;
				}
					#sidebarBuyContent p{
						color:#0374BB;
						font:bold 11px/16px Helvetica, Arial, sans-serif;
						padding:0px 0px 0px 0px;
					}
					#sidebarBuyContent .buyNow{ margin-left:12px; }
					
				#sidebarBuyBottom{
					background:url('/assets/images/sidebarBuyBottom.gif') 0px 0px no-repeat;
					font-size:1px;
					height:9px;
					line-height:1px;
					width:100%;
				}
	
	#mainFooter{
		background:url('/assets/images/contentBgBottom.gif') bottom left no-repeat;
		padding:0px 5px 14px 5px;
		width:950px;
	}
	
		#bucketButtons{
			background:#424242 url('/assets/images/indexBucketsTop.gif') 0px 0px repeat-x;
			height:102px;
			width:950px;
		}
		
			.bucketButton{
				display:block;
				float:left;
				height:92px;
				margin:9px 0px 0px 0px;
				text-indent:-5000px;
				width:306px;
			}
	
			#buttonScan{ background: url('/assets/images/buttonScan.gif') 9px 0px no-repeat; padding-left:9px; }
			#buttonOrganize{ background: url('/assets/images/buttonOrganize.gif') 6px 0px no-repeat; padding-left:6px; }
			#buttonShare{ background: url('/assets/images/buttonShare.gif') 6px 0px no-repeat; padding-left:6px; }
	
			#buttonScan:hover{ background-position:9px -92px; }
			#buttonOrganize:hover{ background-position:6px -92px; }
			#buttonShare:hover{ background-position:6px -92px; }
	
			#buttonScan.selected{ background-position:9px -184px; }
			#buttonOrganize.selected{ background-position:6px -184px; }
			#buttonShare.selected{ background-position:6px -184px; }
	/*
			.bucketButton{ display:block; height:92px; text-indent:-5000px; position:absolute; top:9px; width:306px; }
		
			#buttonScan{ background: url('/assets/images/buttonScan.gif') 0px 0px no-repeat; left:9px; }
			#buttonOrganize{ background: url('/assets/images/buttonOrganize.gif') 0px 0px no-repeat; left:322px; }
			#buttonShare{ background: url('/assets/images/buttonShare.gif') 0px 0px no-repeat; left:635px; }
		
			#buttonScan:hover{ background-position:0px -92px; }
			#buttonOrganize:hover{ background-position:0px -92px; }
			#buttonShare:hover{ background-position:0px -92px; }
		
			#buttonScan.selected{ background-position:0px -184px; }
			#buttonOrganize.selected{ background-position:0px -184px; }
			#buttonShare.selected{ background-position:0px -184px; }
	*/

#footer{ color:#c3c3c3; padding:10px 0px 30px 0px; width:960px; }

	#footer p{ font:10px/12px Helvetica, Arial, sans-serif; }
	#footer p.right{ float:right; text-align:right; }
	#footer p a{ color:#c3c3c3; }
	#footer p a:hover{ color:#f37c21; }

/* Index
========================================================================================================================*/
#indexTop, #indexMiddle, #indexBottom{ padding:0px 5px; width:950px; }

#indexTop{ background:#242424 url('/assets/images/indexTop.gif') top left no-repeat; height:350px; }

	#indexFlash{ }
	
#indexMiddle{ background:#242424; height:110px; }

	#indexMiddle #bucketButtons{ height:110px; }
	
#indexBottom{ background:url('/assets/images/indexBottomRepeat.gif') top left repeat-y; padding:0px 0px 0px 0px; position:relative; width:960px; }

	#indexBottomBuckets{ background:url('/assets/images/indexBottom.gif') bottom left no-repeat; padding:20px 5px 25px 5px; width:950px; }

		#indexFeatures{
			color:#333;
			float:left;
			font:11px/14px Helvetica, Arial, sans-serif;
			padding:0px 0px 0px 20px;
		}
			#indexFeatures a{ float:left; }
			#indexFeatures img{ float:left; }
			#indexFeatures .text{ float:left; padding:0px 0px 0px 20px; width:215px; }
			#indexFeatures .text .h2{ height:22px; overflow:hidden; padding:8px 0px 0px 0px; }
			#indexFeatures .text .h2 h2{ color:#a0218c; font-size:16px; margin:0px; }
			#indexFeatures .text ul{ list-style-type:disc; margin:0px; padding:4px 0px 0px 0px; }
			#indexFeatures .text ul li{ margin:0px 0px 0px 20px; padding:0px 0px 3px 0px; }
		
		#indexIntro{
			background:url('/assets/images/indexIntroRepeat.gif') top left repeat-y;
			color:#686767;
			float:right;
			padding:0px 20px 0px 0px;
			width:455px;
		}
			#indexIntroTop{
				background:url('/assets/images/indexIntroTop.gif') 0px 0px no-repeat;
				min-height:165px;
				height:auto !important;
				height:165px;
				padding:0px 20px 0px 142px;
			}
		
				#indexIntroTop .h2{ height:26px; overflow:hidden; padding:18px 0px 0px 0px; }
				#indexIntroTop .h2 h2{ color:#a0218c; font-size:18px; margin:0px; }
				#indexIntroTop p{ font:11px/16px Helvetica, Arial, sans-serif; letter-spacing:-.5px; margin:0px 0px 20px 0px; }
				#indexIntroTop .buyNow{ margin-left:35px; }
				#indexIntroTop .buyNowPrice{ display:block; float:right; margin-top:-15px; }
			
			#indexIntroBottom{
				background:url('/assets/images/indexIntroBottom.gif') 0px 0px no-repeat;
				font-size:1px;
				height:8px;
				line-height:1px;
				width:455px;
			}
			

	
/* Popup Window
========================================================================================================================*/
#overlay,
#popup,
#popupContainer{
	height:100%;
	width:100%;
	position:absolute;
}

#overlay{
	background-color:#222;
	display:none;
	top:0px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	z-index:90;
}
#popup{
	display:none;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:100;
}
#popupContainer,
#popupFlash{
	z-index:110;
}

* html #overlay {
	bottom: auto;
	top: expression(eval(document.documentElement.scrollTop));
	left: expression(eval(document.documentElement.scrollLeft));
	width: expression(eval(document.documentElement.clientWidth));
	height: expression(eval(document.documentElement.clientHeight));
}
body > #overlay {
	position:fixed;
}
#popupContent {
	margin:50px auto 0px auto;
	width:585px;
}

a.close{
	background:url('/assets/images/close.gif') 0px 0px no-repeat;
	display:block;
	float:right;
	height:18px;
	padding:0px 10px 0px 0px;
	width:18px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}

	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}
	.sIFR-dummy { 
	  width: 0px;
	  height: 0px;
	  margin-left: 42px !important;
	  z-index: 0;
	}

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}