/* ios7 styling - will move to a separate stylesheet later */

#cont {
	background-image: none;
	background-color: #fff;
}

#nav {
	background-color: #eaeaea;
	border-bottom: solid 1px #000;
}

#prods, #prods button {
	font-family: Helvetica Neue, Arial Light, Helvetica, Arial, Sans Serif;
	font-weight: 200;
}

#prods a {
	color: #2880b0;
	font-style: italic;
}

#prods button {
	font-weight: 400;
}

#prods h3 { 
	font-weight: 400;
}
	
#prods h4 { 
	font-weight: 300;
}

#prods h5, h6 {
	font-weight: 200;
}

blockquote, .quote {
	border-color: #2880b0 !important;
	border-width: 1px;
	-webkit-border-radius: 0px !important;	
	-moz-border-radius: 0px !important;
}

#prodDetailsMain blockquote {
	font-size: 1.1em !important;
	padding: 1em;
	text-align: center;
}

#prodDetailsUserReview blockquote {
	font-size: 0.9em;
}

#prodSpecs .quote {
	border-width: 3px;
}

/* words play ad */
.crosswords-title {
	background-image: url(/iphone/crosswords/star_blur_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.crosswords-title h1 {
	background-color: rgba( 255, 255, 255, 0.6 );
	margin-top: 0;
	height: 90px;
}

.crosswords-title div {	
	margin-top: 0;
	height: 90px;
	background-image: url(/iphone/crosswords/xw-background.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.crosswords-title span {
	display: inline-block;
	margin-top: 100px;
	height: 0;
	overflow: hidden;
}

.crosswords-disclaimer {
	width: 700px;
	margin: auto;
	text-align: center;
}

.crosswords-disclaimer h3 {
	margin-top: 0.25em;
	display: inline-block;
	max-width: 675px;
	background-color: rgba( 255, 255, 255, 0.65 );
}

.crosswords-app {
/*	background-image: url(/ads/static/crosswords/sky.png); */
	background-repeat: no-repeat;
}

#crosswords-cont {
	height: 374px !important;	
	background-position: 0 135px;
	-moz-animation-name: horizonScroll;
	-webkit-animation-name: horizonScroll;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}

#prods .crosswords-tiles {
	padding: 0 !important;
	height: 220px !important;
	background-position: 0 0;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-moz-animation-name: detailedHorizonScroll;
	-webkit-animation-name: detailedHorizonScroll;
}

#crosswords-cont, #prods .crosswords-tiles {
	position: relative;
	top: 0;
	left: 0;
	background-image: url(/ads/static/crosswords/right-playground.png);	
	background-repeat: repeat-x;
	width: 100%;
	-moz-animation-duration: 30s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	color: #000 !important;
}

.front .crosswords-tiles {
	margin: 6px 0 0 0;
}

.crosswords-tiles {
	width: 100%;
	text-align: center;
}

#prods .crosswords-tiles {
	margin-top: 24px;
	margin-bottom: 0px;
}

.crosswords-tile, .crosswords-tiles > span {
	height: 75px;
}

.crosswords-tile, .crosswords-tiles > span > span {
	height: 0;
	padding-top: 75px;
}

.crosswords-tile, .crosswords-tiles > span, .crosswords-tile, .crosswords-tiles > span > span {
	display: inline-block;
	width: 75px;
	line-height: 1em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
}

#crosswords-descr {
	position: relative;
	top: -60px;
}

#crosswords-descr h2 {
	padding-top: 40px;
	text-align: center;
}

.crosswords #prodSpecs {
	top: 0 !important;
}

#crosswords-descr ul, #crosswords-descr ol, #crosswords-descr .list {
	margin-top: 0;
}

#crosswords-descr ul li, #crosswords-descr .list > p {
	margin-bottom: 0.25em;
	line-height: 1.2em;
}

#crosswords-descr .list > p {
	margin-top: 0;
	margin-left: 40px;
}

#crosswords-descr ul, #crosswords-descr .list {
	float: left;
	width: 400px;	
	/*margin-right: 145px;*/
	margin-left: 95px;
	list-style: none;	
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.3em;
	color: #0b76af;
	text-shadow: 0px 1px 0px #e5e5ee, 0px 1px 20px #fff;
}

#crosswords-descr .adjective {
	display: inline-block;
	white-space: pre;
}

@-webkit-keyframes horizonScroll {
 from {
   background-position: 0 135px;
 }
 to {
   background-position: -1022px 135px;
 }
}

@-webkit-keyframes detailedHorizonScroll {
 from {
   background-position: 0 0;
 }
 to {
   background-position: -1022px 0;
 }
}

/* words play styling */
.crosswords #mainCont {
	background-image: url(/iphone/crosswords/star_bg.jpg);
}

.crosswords #botFeat, .crosswords #titleHeader {
	display: none;
}

.crosswords #copyFooter {
	margin-top: 0;
	clear: both;
}

.crosswords #mid {
	padding-top: 0;
/*	background-image: url(/iphone/crosswords/sky.jpg); */
	background-repeat: repeat-x;
	background-position: -956px 0;
	background-color: #eee;
}

.crosswords .inner {
	width: 100%;
}

.crosswords #prodInfo {
	width: 945px;
	margin: auto;
}

.crosswords-tile-animation {
	-webkit-animation-name: tileWiggle;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: .25s;
	-webkit-animation-timing-function: ease-in-out;	
	-moz-animation-name: tileWiggle;
	-moz-animation-duration: 0.35s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-delay: .25s;
	-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes tileWiggle {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
	33% {
   		-webkit-transform: rotate(-7deg);
   		-moz-transform: rotate(-7deg);
	}
	67% {
		-webkit-transform: rotate(7deg);	
		-moz-transform: rotate(7deg);	
	}
	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
}

.crosswords-tiles > span {
	position: relative;
	top: 0;
}

/*
.crosswords-tiles .tile-w {
	z-index: 12;	
}

.crosswords-tiles .tile-w span {
	background-image: url(/ads/static/crosswords/sm-letters/w.png);	
}

.crosswords-tiles .tile-o {
	z-index: 11;
	margin-left: -20px;
}

.crosswords-tiles .tile-o span {
	background-image: url(/ads/static/crosswords/sm-letters/o.png);	
}

.crosswords-tiles .tile-r {
	z-index: 10;
	margin-left: -20px;
}

.crosswords-tiles .tile-r span {
	background-image: url(/ads/static/crosswords/sm-letters/r.png);	
}

.crosswords-tiles .tile-d {
	z-index: 9;
	margin-left: -25px;
}

.crosswords-tiles .tile-d span {
	background-image: url(/ads/static/crosswords/sm-letters/d.png);	
}

.crosswords-tiles .tile-s {
	z-index: 8;
	margin-left: -25px;
}

.crosswords-tiles .tile-s span {
	background-image: url(/ads/static/crosswords/sm-letters/s.png);	
}

.crosswords-tiles .tile-blank {
	margin-left: -40px;
}

.crosswords-tiles .tile-p {
	z-index: 7;
}

.crosswords-tiles .tile-p span {
	background-image: url(/ads/static/crosswords/sm-letters/p.png);	
}

.crosswords-tiles .tile-l {
	z-index: 6;
	margin-left: -17px;
}

.crosswords-tiles .tile-l span {
	background-image: url(/ads/static/crosswords/sm-letters/l.png);	
}

.crosswords-tiles .tile-a {
	z-index: 5;
	margin-left: -30px;
}

.crosswords-tiles .tile-a span {
	background-image: url(/ads/static/crosswords/sm-letters/a.png);	
}

.crosswords-tiles .tile-y {
	z-index: 4;
	margin-left: -20px;
}

.crosswords-tiles .tile-y span {
	background-image: url(/ads/static/crosswords/sm-letters/y.png);	
}
*/

/* specific app page styling */
.crosswords #prods {
	padding-bottom: 1.5em;
	/* cache iphone img */
	background-image: url(/iphone/img/iphone.gif);
	background-position: -5000px -5000px;
	background-repeat: no-repeat;
}

.crosswords .crosswords-tiles > div {
	margin-top: 0.25em;
	text-shadow: 0px 1px 0px #e5e5ee, 0px 1px 20px #fff;	
	font-size: 21px;
}

.crosswords #prodDetails, .crosswords #prods {
	color: #000 !important;
}

.crosswords #appSupportForm {
	color: #fff;
}

.crosswords #prodDetails > div {
	margin-bottom: 1em;
}

.crosswords .quote {
	border-color: #2880b0;
}

.crosswords #detailedPricing {
	text-align: center;
}

.crosswords a, label.req {
	color: #1179b1 !important;
}

.crosswords .mid input[type=submit] {
	background-color: #1179b1 !important;
}

.crosswords #prodDetails > div {
	margin-left: 10px;
	padding: 10px;
	border: solid 2px #000;
	background-color: #fff;
/*	text-shadow: 0 1px 0 #f0ce85;
	box-shadow: 0 5px 10px #000;
	background-image: url(/iphone/crosswords/description_bg.jpg); 
	background-repeat: repeat-y;
	background-position: top left;*/
}

.crosswords #prodDetails > div h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

.crosswords #prodDetails .header {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.crosswords #prodDetails > div > h3 {
	margin-top: 0.25em;
	line-height: 1.25em;
}

.crosswords #prodDetailsMain h4 {
	/* // outlines
	text-shadow:1px 1px 0 #000,
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	0px 1px 0 #000,
	1px 0px 0 #000,
	0px -1px 0 #000,
	-1px 0px 0 #000,
	4px 4px 3px #fff;
	letter-spacing: 0.15em;
	*/
	font-weight: 200;
	clear: left;
}

.crosswords #prodDetailsMain a {
	color: #000 !important;
	text-decoration: none;	
}

.crosswords .prodDetailsAffil {
	text-align: center !important;
	background-color: #fff !important;
}

.crosswords img {
	border: 0 !important;
}

.crosswords .carousel {
	background-repeat: no-repeat;
	margin: 0 1em 0 2em;
	height: 475px;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}

.crosswords .carousel.ipadScreens {
	background-image: url(/iphone/img/ipad.gif);	
	background-position: top left;
}

.crosswords .carousel.iphoneScreens {
	background-image: url(/iphone/img/iphone.gif);
	background-position: 60px 0;
}
.crosswords .carousel > ul {	
	list-style-type: none;
	height: 475px;
	margin: 0 !important;
	padding: 0 !important;
}

.crosswords .ipadScreens > ul > li {
	padding: 0 !important;	
}

.crosswords .ipadScreens > ul > li {
	margin: 40px 0 0 35px !important;
	height: 435px;
	width: 565px;
}

.crosswords .iphoneScreens > ul > li {
	margin: 82px 0 0 82px !important;
	height: 308px;
	width: 518px;
}

.crosswords .carousel ul li a {
	background-image: url(/iphone/img/inactive_carousel_ios7.png);
}

.crosswords .screenshot .ios_screenshot {
	float: left;
	margin-bottom: 2em;
}

.crosswords .ipadScreenshot .screenshot {	
	width: 295px;	
	border: solid 1px red;
}

.crosswords .iphoneScreenshot .screenshot {
	width: 205px;	
	border: solid 1px red;
}

.crosswords .screenshot p {
	width: 210px;
	height: 395px;
	margin: 0 5px 0 0;
	float: right;
	clear: right;
	position: relative;
	top: 33%;
}

.crosswords .screenshot p.disclaimer {
	padding-top: 90px;
}

.crosswords .screenshot img {	
	-webkit-border-radius: 0px !important;	
	-moz-border-radius: 0px !important;
}

.crosswords p.error {
	padding: 1em;
}

.crosswords #mid {
	border-bottom: solid 1px #6ba1bd;
}

.crosswords ul.app-nav li a {
	background-image: url(/iphone/img/inactive_carousel_ios7.png);
}

.crosswords ul.app-nav li.active a {
	background-image: url(/iphone/img/active_carousel_ios7.png);
}

/* screenshot buttons */
.carouselButtons {
	float: left;
	text-align: right;
	margin-left: 103px;
	margin-top: 13px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 45;
	font-weight: 200;
}

.carouselButtons button:first-child {	
	border-right: 0;
}

.carouselButtons button:last-child {	
}

.carouselButtons button {
	color: #0088cc;
	border: solid 1px #0088cc;
	outline: none;
	margin: 0;
	width: 80px;
	cursor: pointer;
	background-color: #fff;
}

.carouselButtons button:focus, .carouselButtons button:active, .carouselButtons button.active {
	color: #fff;
	background-color: #0088cc;
}

/* FAQ */
.crosswords #faq-cont {
	margin-top: 0 !important;
}

.crosswords #faq a {
	color: #0b76af !important;
	text-decoration: underline !important;
}

.crosswords #faq h3 {
	font-size: 22px;
	line-height: 26px;
}

.crosswords #faq #toc {
	margin-bottom: 1.5em !important;
}

.crosswords #faq #toc h3 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
	
.crosswords #faq ol {
	padding-bottom: 0 !important;
}

.crosswords #faq ol ol, .crosswords #faq ol ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

.crosswords #faq ol ol li, .crosswords #faq ol ul li {
	font-size: 14px !important;
	line-height: 16px;
	padding: 0 ;
	margin: 0 4em 0 4em;
}