@font-face {
	font-family: "Junction";
	src: url("/include/fonts/junction.otf")
}

body {
	background: #ac3400 url(../../images/highlight.png) no-repeat center top;
	margin: 0;
	padding: 0;
	font: 13px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666;
}

a:link, a:visited {
	color: #72230a;
	text-decoration: none;
}

a:hover, a:active {
	color: #5a1b07;
	text-decoration: none;
}

hr {
	border-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-top: 1px solid #bcbcbc;
	margin-top: 24px;
	margin-bottom: 24px;
	width: 85%;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	padding: 0;
	margin: 0 0 2px;
	font: 32px Junction, "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: -2px;
	color: #adadad;
}

h3 {
	padding: 0;
	margin: 0 0 2px;
	font: 22px/28px Junction, "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: -1px;
	color: #adadad;
}

h4 {
	padding: 0;
	margin: 0;
	font: bold 18px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: -1px;
	color: #989898;
}

h5 {
	margin: 0;
	padding: 4px 0 3px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #717171;
}

img {
	border: none;	
}

.imageRight {
	float: right;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.imageLeft {
	float: left;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.clearer {
	clear: both;
}

.scoot {
	margin-left: 11px;
	margin-top: 12px;
}

.cartImg {
	padding-left: 57px;
	vertical-align: middle;
	background: url(/images/cart.png) no-repeat left center;
	height: 48px;
	padding-top: 24px;
}

.cartImg_2 {
	padding-left: 57px;
	vertical-align: middle;
	background: url(/images/check.png) no-repeat left center;
	height: 48px;
	padding-top: 24px;
}

.cartImg_3 {
	padding-left: 57px;
	vertical-align: middle;
	background: url(/images/star.png) no-repeat left center;
	height: 48px;
	padding-top: 24px;
}

.cartImg_4 {
	padding-left: 57px;
	vertical-align: middle;
	background: url(/images/magglass.png) no-repeat left center;
	height: 48px;
	padding-top: 24px;
}

.cartImg_5 {
	padding-left: 57px;
	vertical-align: middle;
	background: url(/images/write.png) no-repeat left center;
	height: 48px;
	padding-top: 24px;
}

#bubbles {
	background: url(../../images/bubbles.png) repeat-x 0 top;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100.1%;
}

:focus {
  -moz-outline-style:none;
}

.thurly_title {
	width: 302px;
	height: 95px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 32px;
	margin-bottom: 12px;
}

#container {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
}

#container_top {
	width: 808px;
	height: 20px;
	background: url(../../images/container_top.png) no-repeat;
}

#container_middle {
	width: 808px;
	background: url(../../images/container_middle.png) repeat-y;
}

#sidebar {
	width: 245px;
	float: right;
	display: block;
	margin-right: 36px;
}

#footer {
	width: 808px;
	text-align: center;
	font-size: 11px;
	margin: 12px auto 24px;
	color: #f9f9f9;
}

#button_box {
	width: 207px;
	height: 149px;
	margin-right: auto;
	margin-left: auto;
	background: url(../../images/button_box.png) no-repeat;
	margin-bottom: 20px;
	-webkit-transition-property: top;
	-webkit-transition-duration: 300ms;
	position: relative;
}

#button_box:hover {
	top: -8px;
}

.sidebar_item {
	width: 198px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	line-height: 12px;
	color: #8e8e8e;
	margin-bottom: 12px;
}

#content {
	margin-left: 42px;
	margin-right: 342px;
	padding-top: 24px;
	padding-bottom: 24px;
}

#newBox {
	padding: 12px;
	background-color: #ebebeb;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-top: 24px;
	margin-bottom: 20px;
}

#container_bottom {
	width: 808px;
	height: 29px;
	background: url(../../images/container_bottom.png) no-repeat;
}

.centerButton {
	width: 186px;
	margin-right: auto;
	margin-left: auto;
}

#downloadPurchaseContainer {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	margin-right: auto;
	margin-left: auto;
	width: 185px;
	height: 106px;
	padding-top: 28px;
}

#downloadPurchaseContainer a {
	color: #b9b9b9;
}

#downloadPurchaseContainer a:hover {
	color: #ac3400;
}

#downloadPurchaseContainer a:active {
	color: #90290b;
}

.downloadPurchaseButton {
	background: url(/images/download.png) no-repeat 0 0;
	width: 183px;
	height: 38px;
	text-align: center;
	line-height: 24px;
	font-size: 24px;
	padding-top: 12px;
	color: #b9b9b9;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 4px;
	display: block;
	font-weight: bold;
	letter-spacing: -1px;
}

.downloadPurchaseButton:hover {
	display: block;
	background: url(/images/download.png) no-repeat 0 -50px;
	width: 183px;
	height: 38px;
	text-align: center;
	line-height: 24px;
	font-size: 24px;
	padding-top: 12px;
	color: #ac3400;
	text-shadow: #fff 0 1px 0;
}

.downloadPurchaseButton:active {
	display: block;
	background: url(/images/download.png) no-repeat 0 -100px;
	width: 183px;
	height: 38px;
	text-align: center;
	line-height: 24px;
	font-size: 24px;
	padding-top: 12px;
	color: #90290b;
	text-shadow: #fff 0 1px 0;
}

.downloadPurchaseButton1 {
	background: url(/images/download.png) no-repeat 0 0;
	width: 183px;
	height: 38px;
	text-align: center;
	line-height: 24px;
	font-size: 24px;
	padding-top: 12px;
	color: #cd531e;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 4px;
	display: block;
	cursor: pointer;
}

.downloadPurchaseButton1:hover {
	display: block;
	background: url(/images/download.png) no-repeat 0 -50px;
	width: 183px;
	height: 38px;
	text-align: center;
	line-height: 24px;
	font-size: 24px;
	padding-top: 12px;
	color: #ac3400;
	text-shadow: #fff 0 1px 0;
}

.downloadPurchaseButton1:active {
	display: block;
	background: url(/images/download.png) no-repeat 0 -100px;
	width: 183px;
	height: 38px;
	text-align: center;
	line-height: 24px;
	font-size: 24px;
	padding-top: 12px;
	color: #90290b;
	text-shadow: #fff 0 1px 0;
}

.heartSafari {
	vertical-align: top;
	margin-top: 32px;
	margin-bottom: 16px;
}

.heartSafari img {
	vertical-align: top;
    -webkit-transition: -webkit-transform 0.12s ease-in;
}

.heartSafari img:hover {
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
	z-index: 99;
}

.heartSafari a {
	color: #8b8b8b;
	text-shadow: #fff 0 1px 0;
}

.plusButton {
	position: relative;
	top: 151px;
}

#screenshots {
	margin-left: auto;
	margin-right: auto;
}

.screenshotText h3 {
	text-shadow: #fff 0 1px 0;
	margin: 0;
	padding: 0;
}

.screenshotBox {
	width: 192px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-right: 18px;
}

.videoshotBox {
	width: 192px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.screenshotBox p {
	margin: 0;
	padding: 0;
}

.videoshotBox p {
	margin: 0;
	padding: 0;
}

.screenshotText {
	text-align: left;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 16px;
}

.videoshotText {
	text-align: left;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 16px;
}

#purchaseContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

#totalbox {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-width: 1px;
	border-style: solid;
}

#total {
	padding: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #ededed;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font: 28px/34px Georgia, "Times New Roman", Times, serif;
}

.inputLabel {
	font-size: 16px;
	line-height: 20px;
	color: #4c4c4c;
}

.inputField {
	font-size: 16px;
	line-height: 20px;
	color: #a2a2a2;
}

.downloadVersion {
	width: 183px;
	text-align: center;
	text-shadow: #fff 0 1px 0;
	letter-spacing: 0;
	font-size: 12px;
	line-height: 15px;
}

#downloadalert {
	display: none;
}

#documentationcontainer h2 {
	font-size: 20px;
	line-height: 22px;
	padding-top: 5px;
	letter-spacing: 0;
	font-weight: bold;
	color: #707070;
}

#documentationcontainer .zoom:hover {
	background-color: #faf7e4;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-transition-delay:300ms;
	-webkit-transition-duration:320ms;
	padding-bottom: 30px;
	padding-top: 30px;
}

#documentationcontainer .zoom {
	-webkit-transition-duration:500ms;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #fff;
}

#purchaseButtons {
	text-align: right;
}

.submitButton {
	color: #000;
}

#contactForm {
	width: 450px;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 32px;
	margin-top: 60px;
	margin-left: 24px;
}

#contactForm .inputField {
	font-size: 14px;
	line-height: 22px;
	color: #a0a0a0;
}

#contactFormMessage {
	font-size: 14px;
	line-height: 20px;
}

.continuebutton {
	height: 27px;
	width: 100px;
	background: url(/images/continue.png) no-repeat 0 0;
	cursor: pointer;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	margin: 0;
	position: relative;
}

.continuebutton:active {
	background: url(/images/continue.png) no-repeat 0 -27px;
	cursor: pointer;
}

.sendbutton {
	height: 27px;
	width: 100px;
	background: url(/images/sendbutton.png) no-repeat 0 0;
	cursor: pointer;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	position: relative;
	margin: 0;
}

.sendbutton:active {
	background: url(/images/sendbutton.png) no-repeat 0 -27px;
	cursor: pointer;
}

.clearbutton {
	height: 27px;
	width: 100px;
	background: url(/images/clearbutton.png) no-repeat 0 0;
	cursor: pointer;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	position: relative;
	margin: 0;
}

.clearbutton:active {
	background: url(/images/clearbutton.png) no-repeat 0 -27px;
	cursor: pointer;
}

.remindbutton {
	height: 27px;
	width: 100px;
	background: url(/images/remind.png) no-repeat 0 0;
	cursor: pointer;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	position: relative;
	margin: 8px 0 0;
}

.remindbutton:active {
	background: url(/images/remind.png) no-repeat 0 -27px;
	cursor: pointer;
}

.purchasebutton {
	height: 27px;
	width: 100px;
	background: url(/images/purchasesmall.png) no-repeat 0 0;
	cursor: pointer;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	margin: 6px 0 0;
	position: relative;
}

.purchasebutton:active {
	background: url(/images/purchasesmall.png) no-repeat 0 -27px;
	cursor: pointer;
}

#helpbox {
	width: 730px;
	text-align: center;
	margin: 18px auto 20px;
}

.helpitem {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #fff;
	padding: 5px;
	display: inline-block;
	float: left;
	margin-left: 10px;
	width: 340px;
}

.alignbutton {
	width: 104px;
	margin-right: auto;
	margin-left: auto;
}

.miniicon {
	margin-right: 6px;
	vertical-align: top;
}

.overlay1 { 
     
    /* growing background image */ 
    background-image:url(/images/box1.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:514px; 
    height:310px;         
     
    /* initially overlay is hidden */ 
    display:none;
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 55px;
}

.overlay1 h2 {
	font-size: 36px;
	line-height: 40px;
	margin: 0;
} 
.overlay1 .close { 
    background-image:url(/images/closebutton.png); 
    position:absolute; 
    right: 295px; 
    cursor:pointer; 
    height:36px; 
    width:36px;
	bottom: 38px;
	cursor: pointer;
}

.overlay2 { 
     
    /* growing background image */ 
    background-image:url(/images/box2.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:793px; 
    height:639px;         
     
    /* initially overlay is hidden */ 
    display:none;
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}

.overlay2 img {
	margin-top: 26px;
} 
.overlay2 .close { 
    background-image:url(/images/closebutton.png); 
    position:absolute; 
    cursor:pointer; 
    height:36px; 
    width:36px;
	bottom: -5px;
	right: 400px;
	cursor: pointer;
}

.overlay3 { 
     
    /* growing background image */ 
    background-image:url(/images/box2.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:793px; 
    height:639px;         
     
    /* initially overlay is hidden */ 
    display:none;
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}

.overlay3 img {
	margin-top: 26px;
} 
.overlay3 .close { 
    background-image:url(/images/closebutton.png); 
    position:absolute; 
    cursor:pointer; 
    height:36px; 
    width:36px;
	bottom: -5px;
	right: 400px;
	cursor: pointer;
}

.overlay4 { 
     
    /* growing background image */ 
    background-image:url(/images/box3.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:696px; 
    height:424px;         
     
    /* initially overlay is hidden */ 
    display:none;
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	margin-top: 25px;
} 
.overlay4 .close { 
    background-image:url(/images/closebutton.png); 
    position:absolute; 
    cursor:pointer; 
    height:36px; 
    width:36px;
	bottom: 18px;
	right: 345px;
	cursor: pointer;
}

.sshot-1 {
	cursor: pointer;
}

.sshot-2 {
	cursor: pointer;
}

.sshot-3 {
	cursor: pointer;
}

