/* RESET */
html,body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


.noshow {
	visibility: hidden;
	}
	
html, body, div, form, table, h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
	}
	

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
	

body { 
	font-size: 12px/18px;
	line-height: 130%;
	word-spacing: normal;
	letter-spacing: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	/*background: #303030 url(../images/backgroundX.jpg) repeat-x fixed center 70%;*/
	/*background: #6b6b6b;*/
	background-color: #f7f7f7;
	color: #333;
	-webkit-font-smoothing: antialiased;
}


img {
	border: 0;
	vertical-align: top;
	}

/*
body, p, li, ul, cite, blockquote, em, strong 
{
	font-size: 13px; 
	line-height: 140%;
	font-family: "Lucida Sans", Verdana, Geneva, sans-serif;
	word-spacing: normal;
	letter-spacing: normal;
	}
*/
ol, ul {
	padding-top: 0px;
	margin-top: 0px;
	}

p {
	padding: 0px 0px 10px 0px;
	}


a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none;}
a:hover { text-decoration: underline; }


div.error {
	display: block;
	color: #820e00;
	background-color: #fffcdc;
	border: 1px solid gray;
	padding: 4px;
	margin-top: 8px;
	box-shadow: #c0c0c0 2px 2px 2px;
	-webkit-box-shadow: #c0c0c0 2px 2px 2px;
	}

/* @end */

/* @group Page Blocks */

#pagewrapper 
{
	clear: both;
	width: 1000px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;
	/* border-bottom: 1px solid #202020; */
	background-color: #f7f7f7;
	/* background: url(../images/page/side_shadows.png); */
	overflow: hidden;
	clear: left;
	
	}

#pgblockheader {
	clear: both;
	width: 1000px;
	height: 65px;
	/*margin: 20px auto 0px auto;*/
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: url(../images/nav/navbar.png);
	}
	
#pgblockender {
	margin: 0 auto 0 auto;
	width: 1018px;
	height: 10px;
	background: url(../images/page/bottom_shadow.png);
	}

#pgblockfooter {
	clear: both;
	width: 1000px;
	margin: 20px auto 20px auto;
	padding: 0;
	text-align: center;
	line-height: 140%;
	color: #adadad;
	font-size: 10px;
	}


#pgblockfooter a {
	/*color: #888888;*/
	                   
	}
	
#pgblockfooter a:hover {
	text-decoration: underline;
	}
	

#pagefooter {
	margin: 20px 0 0 40px;
	}

#pagefooter p {
	color: #888888;
	font-size: 10px;
	}

/* @end */


/* @group Menu */



#pgblockmenumain 
{
	margin: 0;
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
}
	

#pgblockmenumain div.tab 
{
	float: right;
	height: 60px;
}


#pgblockmenumain div.separator {
	float: right;
	width: 9px;
	height: 60px;
	background: url(../images/nav/navbar_separator.png) no-repeat center;
	}


#pgblockmenumain div a {
	color: #3e3e3e;
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	font-weight: bolder;
	font-size: 14px;
	/*line-height: 100%;*/
	line-height: 60px;
	color: #3e3e3e;
	text-shadow: #c0c0c0 1px 1px 1px;
	}
	
#pgblockmenumain div:hover {
	background: url(../images/nav/navbar_selection.png) repeat-x;
	}

#pgblockmenumain div a:hover {
	text-decoration: none;
	}

#pgblockmenumain div.selected {
	background: url(../images/nav/navbar_selection.png) repeat-x;
	}


#pgblockmenumain div.mid {
	float: left;
	display: table-cell;
}

#pgblockmenumain div.leftgap {
	display: block;
	float: left;
	width: 10px;
	height: 58px;
}

#pgblockmenumain div.rightgap {
	display: block;
	float: left;
	width: 10px;
	height: 58px;
	}


#pgblockmenumain div.selected .leftgap
{
	background: url(../images/nav/navbar_selection_left.png) no-repeat;
}

#pgblockmenumain div:hover .leftgap 
{
	background: url(../images/nav/navbar_selection_left) no-repeat;
}
	
#pgblockmenumain div.selected .rightgap
{
	background: url(../images/nav/navbar_selection_right.png) no-repeat right;
}

#pgblockmenumain div:hover .rightgap 
{
	background: url(../images/nav/navbar_selection_right) no-repeat right;
}



/* @end */

div#app_store 
{
/*
	background-image: url(../images/application/app_store_42.png);
	width: 122px;
	height: 42px;
*/
	background-image: url(../images/application/app_store_80.png);
	width: 160px;
	height: 80px;

	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	display: block;
}


div#support
{
	padding-top: 10px;
	font-size: 14px;
}

div#support h1
{
	font-size: 18px;
	font-weight: normal;
}

div#support td
{
	font-size: 14px;
	padding: 4px;
}

div#support input, textarea, select
{
	font-size: 14px;
}


div#support_request
{
	padding-top: 25px;
	padding-bottom: 50px;
}

div#support_request form
{
	text-align: left;
	border: none;
	padding-left: 150px;
}

div#support_request td
{
	font-size: 14px;
	padding: 4px;
}

div#support_request input, textarea, select
{
	font-size: 14px;
}

div#message_page_content
{

	padding-left: 50px;
	padding-top: 25px;
	padding-bottom: 50px;
}

div#message_page_content h3
{
	font-size: 16px;
	font-weight: bold;
}

div#logo_click
{
	position: relative;
	background-color: transparent;
	left: 10px;
	top: 10px;
	width: 230px;
	height: 55px;
	padding: 0px;
	margin: 0px;
	float: left;
	
}

div#news
{
	font-size: 13px;
	line-height: 16px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 30px;
	padding-bottom: 0px;
}

div#news h1
{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

div#news .byline
{
	font-size: 10px;
	line-height: 10px;
}

div#news_ender
{
	height: 50px;
}


span.notetext
{
	font-size: 10px;
	color: gray;
}

#store
{
	font-size: 14px;
	line-height: 16px;
	
}

#store h1
{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

#store h3
{
	font-size: 16px;
	line-height: 18px;
}

/* GRID */

.column { float: left; }
.grid2col, .grid3col, { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }


.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }


.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }



/* boxes and layout
------------------------*/
.grid3col { width: 1000px;}
.grid3col .column { width: 600px; margin-left: 14px;}
.grid3col .column.first,
.grid3col .column.last { width: 186px; }





/* top section
------------------------*/
.upper { margin:0 0 8px; }
.upper .box { min-height: 600px; }


.box
{
	position: relative;
	width: 560px;
	padding: 0 20px 1px;
	overflow: hidden;
	background: #fff url(../images/box/box_bg.gif) repeat-y 0 0;
}

.box .cap 
{ 
	position: absolute; 
	width: 600px; 
	height: 6px; 
	margin: 0 -20px; 
	font-size: 1px;
}

.box .cap.top
{ 
	top: 0; 
	background: url(../images/box/box_bgtop.png) no-repeat 0 0; 
}

.box .cap.bottom 
{ 
	bottom: 0; 
	background: url(../images/box/box_bgbottom.png) no-repeat 0 100%; 
}

.box .gradient 
{ 
	min-height: 600px;
	width: 560px; 
	margin: 0 -18px; 
	padding: 0 18px; 
	overflow: hidden; 
	background: #fff url(../images/box/box_bggrad.gif) repeat-x 0 100%; 
}

ul.feature
{
	margin: 0 -10px; 
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
	overflow: hidden; 
	
}

ul.feature li
{
	text-align: left;
	float: left;
	list-style: none;
	width: 270px;
	border-bottom: none;
	font-size: 12px;
	line-height: 15px;
	height: 100px;
	
	margin: 0 0 -1px; 
	/*padding: 1.1em 0; */
	padding-right: 10px;
}

ul.feature.tall li
{
	height: 120px;
}

ul.feature.xtall li
{
	height: 170px;
}

ul.feature.singlecolumn li
{
	width: 560px;
	height: auto;
}

.feature img
{
	float: left;
	width: 32px;
	height: 32px;
	padding-right: 8px;
}

#divFAQ, #divReleaseNotes, #divTestimonials, #divVideos, #divUpgrade, #divComingSoon
{
	font-size: 12px;
	line-height: 15px;
	color: #333;
	padding-bottom: 20px;
}

#divFAQ h3
{
	font-size: 14px;
	font-weight: 600;
}

#divFAQ strong
{ 
	display: inline;
	color: #000; 
	font-weight: bold;
}

#divReleaseNotes ul
{
	margin: 0; 
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 40px;
	padding-bottom: 20px;
	overflow: visible;	
}

#divReleaseNotes li
{
	text-align: left;
	float: none;
	list-style: disc;
	width: 100%
	border-bottom: none;
	font-size: 12px;
	line-height: 15px;
	height: auto;
	margin: 0px;
	padding-right: 0px;
}

.sidebar
{
	font-size: 11px;
	line-height: 14px;
	color: #333;
}

.sidebar .box 
{ 
	width: 162px; 
	padding: 0 12px 1px; 
	background-image: url(../images/box/box_sidebar_bg.gif); 
}

.sidebar .box .cap 
{ 
	width: 186px; 
	margin: 0 -12px; 
	left: 12px; 
}

.sidebar .box .cap.top 
{ 
	background-image: url(../images/box/box_sidebar_bgtop.png); 
}

.sidebar .box .cap.bottom 
{ 
	background-image: url(../images/box/box_sidebar_bgbottom.png); 
}

.box.full 
{ 
	width: auto;
	background: #fff url(../images/box/box_full_bg.png) repeat-y 0 0; 
}

.box.full .cap.top 
{ 
	width: 1000px; 
	background-image: url(../images/box/box_full_bgtop.png);
}

.box.full .cap.bottom 
{ 
	width: 1000px; 
	background-image: url(../images/box/box_full_bgbottom.png); *position: relative; 
}

.box h2
{
	margin-left: -18px;
	margin-bottom: 0;
	margin-right: -18px;
	margin-top: 2px;
	padding: 6px 10px 4px; 
	color: #4d4d4d; 
	font-weight: normal; 
	font-size: 14px; 
	border-bottom: 1px solid #d9d9d9; 
	background: #dfdfdf url(../images/box/box_header.gif) repeat-x 0 0; 
}
	
.box h2 a 
{ 
	color: #4d4d4d; 
}

.sidebar .box h2 
{ 
	margin: 0 -10px; 
}

.box ul 
{
	padding-top: 10px;
	clear: left;
}

.box ul li 
{ 
	padding-top: .5em; 
}

.box ul.circles
{
	list-style-type: circle;
	margin-left: 20px;
	
}

.box ul.discs
{
	list-style-type: disc;
	margin-left: 20px;
	
}

.box ul.separators 
{ 
	margin: 0 -10px; 
	padding: 0 10px; 
	overflow: hidden; 
}

.box ul.separators li 
{ 
	margin: 0 0 -1px; 
	padding: 1.1em 0; 
	border-bottom: 1px solid #d9d9d9; 
}

.box p 
{ 
	margin-top: .3em; 
	margin-bottom: 0; 
}

.box img 
{ 
	display: block; 
}

.box img.flush 
{ 
	margin: 0 -10px; 
}

.box h3,
.box strong 
{ 
	display: block; 
	color: #000; 
	font-size: 13px; 
	line-height: 16px; 
	font-weight: normal; 
}

.box h3 a,
.box strong a 
{ 
	color: #000; 
}

.box h3 a:hover,
.box strong a:hover 
{ 
	color: #08c; 
}

.box a:hover p 
{ 
	color: #252525 !important;
}

.box em 
{ 
	font-style: normal; 
	color: #a9a9a9 !important; 
}

.box h4 
{ 
	color: #aaa; 
	font-size: 10px; 
	font-weight: normal; 
}

.box a 
{ 
	color: #333; text-decoration: none; 
}

.box ul li a:hover,
.box ul li a:hover * 
{ 
	color: #08c; 
	cursor: pointer; 
}

.box a.more 
{ 
	color: #08c; 
}

.box a.more:hover 
{ 
	color: #08c; 
	text-decoration: underline; 
}

#centered
{
	text-align: center;
}

#centered img
{
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

ul.horizontal
{
	margin: 0 -10px; 
	padding: 0 10px; 
	overflow: hidden; 
}

ul.horizontal li
{
	text-align: center;
	float: left;
	list-style: none;
	width: 175px;
	border-bottom: none;
	font-size: 12px;
	line-height: 15px;
	
	margin: 0 0 -1px; 
	padding: 1.1em 0; 
}	

span.price
{
	font-size: 15px;
	font-weight: bold;
	padding-top: 25px;
	display: block;
}
span.originalprice
{
	font-size: 12px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 0px;
	display: block;
	color: red;
}
span.saleprice
{
	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}

.box .detail
{
	font-size: 12px;
	line-height: 15px;
}

a.buynow 
{
 	height: 25px; 
 	margin: 0.7em 0 0 0px; 
 	background-position: 0 0; 
 	background-repeat: no-repeat; 
 	display: block; 
 	float: none;
 	text-decoration: none; 
 	text-indent: -9999px; 
 	outline: none; 
 	overflow: hidden;
 	width: 72px; 
	background-image: url(../images/application/buynows.png); 
	
	
}

a.upgrade
{
 	height: 25px; 
 	margin: 0.7em 0 0 0px; 
 	background-position: 0 0; 
 	background-repeat: no-repeat; 
 	display: block; 
 	float: left;
 	text-decoration: none; 
 	text-indent: -9999px; 
 	outline: none; 
 	overflow: hidden;
 	width: 72px; 
	background-image: url(../images/application/upgrades.png); 
}

a.buynow:hover, a.buynow:focus, a.upgrade:hover, a.upgrade:focus
{
	background-position: 0 -25px;
}

a.buynow:active, a.upgrade:active
{
	background-position: 0 -50px;
}


div.screenshot
{

	width: 280px;
	height: 180px;
	background: url(../images/application/screenshot_frame.png);
	background-repeat: no-repeat;
	line-height: 180px;
	text-align: center;

	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

div.screenshot img
{
	padding-top: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;

}

div.screenshot img.zoom
{
	vertical-align: bottom;
	position: relative;
	display: inline;
	

	opacity: 0.5;
	z-index: 1;
	top: -30px;
	left: 100px;
	
}


div.screenshot:hover img.zoom {
	opacity: 1.0;
}

div.ipadscreenshot
{
	width: 280px;
	height: 358px;
	clear: both;
	margin-top: 25px;
}

div.ipadscreenshot img.zoom
{
	vertical-align: bottom;
	position: relative;
	display: inline;
	margin-right: -32px;
	opacity: 0.5;
	z-index: 1;
	top: -70px;
	left: 230px;
}


div.ipadscreenshot:hover img.zoom 
{
	opacity: 1.0;
}  

div.iphonescreenshot
{
	width: 108px;
	height: 200px;
	float: left;
	margin-right: 15px;
	margin-bottom: 25px;
}

div.iphonescreenshot img.zoom
{
	vertical-align: bottom;
	position: relative;
	display: inline;
	margin-right: -32px;
	opacity: 0.5;
	z-index: 1;
	top: -60px;
	left: 80px;
}


div.iphonescreenshot:hover img.zoom 
{
	opacity: 1.0;
}

div.ivyspecial
{
	clear: both;
	padding-top: 10px;
}

div.ivyspecial b
{
	color: red;
}