body {background: #262829; text-align: center; font-family: "Lucida Grande", Lucida, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin: 0; padding: 0; color: #ccc; font-size: 11pt; -webkit-font-smoothing: antialiased;}
ul, li {margin: 0; padding: 0; list-style-type: square;}
a {-moz-outline-width: 0;}
img {border: none;}
h4 {font-size: 1.4em; color: #fff; padding: 0; margin: 0 0 3px 0; font-weight: normal; line-height: 1.2;}
h4 a, h3 a, h4 a:hover, h3 a:hover, h4 a:active, h3 a:active, a.AppStoreBadge {color: #fff !important; border: none !important;}
.BoxFeature h4 a:target:before {color: #a30004; padding: 30px 5px 0 0; margin-left: -11px; content: "\203A"}
h3 {font-size: 1.9em; color: #fff; padding: 0; margin: 0 0 3px 0; font-weight: normal; line-height: 1.2;}
.smallFont {font-size: 0.9em;}
.bigFont {font-size: 1.2em;}
.whiteFont {color: #fff !important;}
.underlinedBigText {text-decoration: underline !important; font-size: 1.2em;}
.dashedLine {display: block; border-bottom: dashed 1px #444; margin: 10px 0;}
.SectionButtonsdashedLine {display: block; border-bottom: dashed 1px #444; margin: -15px 27px 15px 35px;}

img#CSPLogo-about {
	margin: 30px 0 0 30px;
}

#mainDiv {
	width: 900px;
	text-align: left;
	margin:  0 auto;
	position: relative; 
	-webkit-box-shadow: 0px 0px 8px #000; -moz-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000;
}

#Head, #Head-GarageBuyTouch, #Head-GarageBuy, #Head-GarageSaleTouch, #Head-UnCoverIt, #Head-iwascodingSites, #Head-nibTranslate, #Head-GarageTunes {
	width: 899px;
	height: 258px;
	background: #3e5668 url(Images/website_Head.jpg) no-repeat top left;
	margin-left: 0px;
}

#HeaderBar {
	position: absolute; background: #eee url(Images/CSSsprite-allSites.png) repeat-x 0 0; width: 899px; height: 39px;
}

/* @group Twitter Link */

a#FollowUsOnTwitter {
	background: url(Images/CSSsprite-allSites.png) repeat-x 0 -203px; position: absolute; width: 29px; height: 195px; left: -45px; top: 45px; opacity: 0.5; -webkit-transition: opacity linear 0.2s; -moz-transition: opacity linear 0.2s; z-index: 40;
}
a#FollowUsOnTwitter span.bird {display: block; background: url(Images/CSSsprite-allSites.png) repeat-x 0 -183px; position: absolute; width: 29px; height: 21px; left: 0px; top: -20px;
}
a#FollowUsOnTwitter span.wings {display: block;background: url(Images/CSSsprite-allSites.png) repeat-x 0 -163px; position: absolute; width: 15px; height: 15px; left: 0px; top: 0px; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%;
}
a#FollowUsOnTwitter:hover {
	opacity: 1;
}
@-webkit-keyframes flappingWings {
 0% {-webkit-transform: rotate(-30.0deg);}
 100% {-webkit-transform: rotate(0.0deg);}
}
/* the same for FireFox: */
@-moz-keyframes flappingWings {
 0% {-moz-transform: rotate(-30.0deg);}
 100% {-moz-transform: rotate(0.0deg);}
}
a#FollowUsOnTwitter:hover span.wings {-webkit-animation: flappingWings 0.17s infinite 0.5s; -moz-animation: flappingWings 0.17s infinite 0.5s;}

@-webkit-keyframes flyingBird {
 0% {-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 8% {-webkit-transform: translate(0px,-15px);}
 25% {-webkit-transform: translate(0px,-6px);}
 35% {-webkit-transform: translate(0px,-10px);}
 45% {-webkit-transform: translate(0px,-6px);}
 55% {-webkit-transform: translate(30px,-50px) scale(0.4,0.4) rotate(-20.0deg);}
 70% {-webkit-transform: translate(-50px,-50px) scale(0.4,0.4) rotate(-10.0deg);}
 85% {-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 100% {-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
}
/* the same for FireFox: */
@-moz-keyframes flyingBird {
 0% {-moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 8% {-moz-transform: translate(0px,-15px);}
 25% {-moz-transform: translate(0px,-6px);}
 35% {-moz-transform: translate(0px,-10px);}
 45% {-moz-transform: translate(0px,-6px);}
 55% {-moz-transform: translate(30px,-50px) scale(0.4,0.4) rotate(-20.0deg);}
 70% {-moz-transform: translate(-50px,-50px) scale(0.4,0.4) rotate(-10.0deg);}
 85% {-moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
 100% {-moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);}
}
a#FollowUsOnTwitter:hover span.bird {-webkit-animation: flyingBird 8s infinite ease-in-out 2.5s; -moz-animation: flyingBird 8s infinite ease-in-out 2.5s;}
/* @end */

#betaVersionLogo {
	width: 66px;
	height: 37px;
	background: url(Images/betaVersionLogo.png);
	position: absolute;
	top: 46px;
	left: 827px;
	display: none;
}


/* @group iwascoding Button */

div#iwascodingBox {
	width: 196px;
	height: 39px;
	display: block;
	position: absolute;
	z-index: 34;
}

a#iwascodingButton {
	width: 196px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat 0 -44px;
	position: absolute;
	z-index: 35;
}

#iwascodingLinks {
	width: 194px;
	position: absolute;
	top: -299px;
	z-index: 30;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px #122133;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border-top: solid 1px #555;
	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}

div#iwascodingBox:hover #iwascodingLinks {
	top: 39px;
}

ul#iwascodingList li {
	list-style-type: none;
}

ul#iwascodingList li a span {
	margin: 0;
	padding-left: 22px;
}

ul#iwascodingList li a {
	margin: 0;
	padding: 4px 0;
	width: 194px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	color: #111;
	font-weight: bold;
}

ul#iwascodingList li a:hover {
	background: #555;
	color: #fff;
}

ul#iwascodingList li#iwascodingListBottom {
	height: 5px;
}

.SeperatorLine {
	border-bottom: solid 1px #ddd;
}

/* @end */

/* @group Products Button */

div#ProductsBox {
	width: 151px;
	height: 39px;
	display: block;
	position: absolute;
	top: 0px;
	left: 196px;
	z-index: 30;
}


/* Hack für IE6 - versteckt ProductsBox: */
* html div#ProductsBox {
	top: -299px;
}

a#ProductsButton {
	width: 151px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat -196px -44px;
	position: absolute;
	z-index: 35;
}

#iPhoneAppSelectorForm, #iPhoneIwasSelectorForm {
	display: none;
}

#Products {
	width: 150px;
	position: absolute;
	top: -299px;
	left: -1px;
	z-index: 30;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px #122133;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border-top: solid 1px #555;
	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}

div#ProductsBox:hover #Products {
	top: 39px;
}

ul#ProductsList li {
	list-style-type: none;
}

ul#ProductsList li a span {
	margin: 0;
	padding-left: 16px;
}

ul#ProductsList li a {
	margin: 0;
	padding: 4px 0;
	width: 150px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	color: #111;
	font-weight: bold;
}

ul#ProductsList li a:hover {
	background: #555;
	color: #fff;
}

ul#ProductsList li#ProductsListBottom {
	height: 5px;
}

/* @end */

/* @group iPhone Products Button */

div#iPhoneProductsBox {
	width: 203px;
	height: 39px;
	display: block;
	position: absolute;
	top: 0px;
	left: 347px;
	z-index: 29;
}


/* Hack für IE6 - versteckt ProductsBox: */
* html div#iPhoneProductsBox {
	top: -299px;
}

a#iPhoneProductsButton {
	width: 203px;
	height: 39px;
	display: block;
	background: #eee url(Images/CSSsprite-allSites.png) no-repeat -347px -44px;
	position: absolute;
	z-index: 35;
}

#iPhoneProducts {
	width: 202px;
	position: absolute;
	top: -299px;
	left: -1px;
	z-index: 30;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px #122133;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border-top: solid 1px #555;
	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}

div#iPhoneProductsBox:hover #iPhoneProducts {
	top: 39px;
}

ul#iPhoneProductsList li {
	list-style-type: none;
}

ul#iPhoneProductsList li a span {
	margin: 0;
	padding-left: 16px;
}

ul#iPhoneProductsList li a {
	margin: 0;
	padding: 4px 0;
	width: 202px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	color: #111;
	font-weight: bold;
}

ul#iPhoneProductsList li a:hover {
	background: #555;
	color: #fff;
}

ul#iPhoneProductsList li#iPhoneProductsListBottom {
	height: 5px;
}

/* @end */

/* @group Language Buttons */

a#language-English, a#language-German {
	position: relative; z-index: 30; width: 40px; height: 39px; display: block; float: right; background: #eee url(Images/CSSsprite-allSites.png) no-repeat 0 0;
} 

a#language-English {
	background-position: -628px -44px;
}

a#language-German {
	background-position: -668px -44px;
}

a#language-English:hover {
	background-position: -548px -44px !important;
}

a#language-German:hover {
	background-position: -588px -44px !important;
}

a.currentLanguageEN {
	background-position: -548px -44px !important;
	background-color: #eee !important;
	cursor: default;
}

a.currentLanguageDE {
	background-position: -588px -44px !important;
	background-color: #eee !important;
	cursor: default;
}

/* @end */

a#iwascoding:hover {
	background-position: 0% -50px;
}

a#iwascoding:active {
	background-position: 0% -100px;
}

a#iwascodingButton:hover, a#ProductsButton:hover, a#iPhoneProductsButton:hover, a#language-German:hover, a#language-English:hover {
	background-color: #fff;
}

a#iwascodingButton:active, a#ProductsButton:active, a#iPhoneProductsButton:active, a#language-German:active, a#language-English:active {
	background-color: #ddd;
}

#GarageSaleIcon {
	background: url(Images/GarageSale/GarageSaleIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

div#appName {
	position: absolute;
	left: 268px;
	margin-top: 90px;
}

div#appName h1 {
	font-weight: bold;
	color: #e9f3fa;
	font-size: 4.4em;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

div#appSlogan {
	position: absolute;
	margin-top: 177px;
	left: 318px;
}

div#appSlogan h2 {
	color: #bad7ed;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

div#iwascodingName {
	position: absolute;
	background: url(Images/iwascodingSites-logo.png) no-repeat top left;
	width: 423px;
	height: 87px;	
	margin-top: 128px;
	left: 99px;
}

div#iwascodingName h1 {
	font-weight: bold;
	color: #e9f3fa;
	font-size: 4.0em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	display: none;
	text-indent: -2000px;
}

div#iwascodingSlogan {
	position: absolute;
	margin-top: 185px;
	left: 153px;
	width: 468px;
}

div#iwascodingSlogan h2 {
	color: #bad7ed;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-indent: -2000px;
}

#UBimage {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -265px 0;
	width: 76px;
	height: 49px;
	position: absolute;
	top: 175px;
	right: 44px;
}

#MacImage {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -787px 0;
	width: 50px;
	height: 60px;
	position: absolute;
	top: 173px;
	right: 37px;
}

#ebayApp {
	background: url(Images/eBayApp.gif) no-repeat top left scroll;
	width: 76px;
	height: 51px;
	position: absolute;
	top: 109px;
	right: 44px;
}

#eBayCSP-logo {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -355px 0;
	width: 105px;
	height: 82px;
	position: absolute;
	top: 73px;
	right: 43px;
	z-index: 10;	
}

#GarageSaleSpecialBox, #GarageSaleBasicSpecialBox, #GarageBuyTouchSpecialBox, #GarageBuySpecialBox, #GarageSaleTouchSpecialBox {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -480px 0;
	width: 126px;
	height: 80px;
	position: absolute; overflow: hidden;
	z-index: 5;
	top: 12px;
	left: 596px;
	display: block;
	border: none;
	color: #2d1e04;
	text-decoration: none;
	font-size: 11px;
	-webkit-transform: rotate(-3.2deg); -moz-transform: rotate(-3.2deg); transform: rotate(-3.2deg); -webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: color linear 0.1s;
}

#GarageSaleTouchSpecialBox {left: 686px;}

#GarageSaleSpecialBox:hover, #GarageSaleBasicSpecialBox:hover, #GarageBuyTouchSpecialBox:hover, #GarageBuySpecialBox:hover, #GarageSaleTouchSpecialBox:hover {color: #000;}
#GarageSaleSpecialBox span, #GarageSaleBasicSpecialBox span, #GarageBuyTouchSpecialBox span, #GarageBuySpecialBox span, #GarageSaleTouchSpecialBox span {padding: 22px 5px 8px 10px; display: block; line-height: 1.4;}
#GarageSaleSpecialBox .iPhoneIcon, #GarageBuySpecialBox .iPhoneIcon {display: block; float: left; width: 24px; height: 41px; margin: 3px 2px 0 -2px; background: url(Images/CSSsprite-productSites.png) no-repeat -216px -38px scroll;}

#Main {
	width: 900px;
	background: #090909;
	margin-left: 0px;
	padding: 2px 0 10px 0;
}

#BoxNavigationRight {
	margin-right: 1px;
	width: 260px;
	float: right;
	font-size: 0.7em;
	line-height: 1.5;
	position: relative;
}

.Box-black {
	background: #0a0a0a url(Images/CSSsprite-allSites.png) no-repeat scroll -400px -163px;
	border: solid 1px #2f2f2f;
	margin-bottom: 2px;
	position: relative;
}

.Box-black:hover {
	border-color: #444;
}

.Box-black a {
	display: block;
	min-height: 35px;
	text-decoration: none;
	color: #aaa;
	padding: 10px;
	-webkit-transition: color 0.2s ease-in-out;
}

.Box-black a img {
	border:  none;
}




.Box-blackMainPage {
	background: #111 url(Images/Box-black.jpg) no-repeat top left;
	border: solid 1px #333;
	margin-bottom: 2px;
	position: relative;
}

.Box-blackMainPage:hover {
	border: solid 1px #437aae;
	background: #3d74a8 url(Images/Box-blue.jpg) no-repeat top left;
}

.Box-blackMainPage:active {
	background: #3d74a8;
}

.Box-blackMainPage a.ApplicationButton {
	display: block;
	text-decoration: none;
	color: #699fcb;
	padding: 5px 6px 11px 6px;
	-webkit-transition: color 0.2s ease-in-out;
}

.Box-blackMainPage a:hover.ApplicationButton {
	color: #fff;
}

/* Pfade werden inzwischen in der SiteConfig eingesetzt: */
a#Box-GarageSale {
	background: url(Images/Box-GarageSaleIcon.png) no-repeat 10px 3px;
}

a#Box-GarageSaleBasic {
	background: url(Images/Box-GarageSaleBasicIcon.png) no-repeat 10px 5px;
}

a#Box-GarageSaleTouch {
	background: url(Images/Box-GarageSaleTouchIcon.png) no-repeat 10px 7px;
}

a#Box-GaragePay {
	background: url(Images/Box-GaragePayIcon.png) no-repeat 10px 6px;
}

a#Box-GarageBuy {
	background: url(Images/Box-GarageBuyIcon.png) no-repeat 10px 3px;
}

a#Box-GarageBuyTouch {
	background: url(Images/Box-GarageBuyTouchIcon.png) no-repeat 10px 7px;
}

a#Box-nibTranslate {
	background: url(Images/Box-nibTranslateIcon.png) no-repeat 10px 3px;
}

a#Box-Uncoverit {
	background: url(Images/Box-UncoveritIcon.png) no-repeat 10px 3px;
}


.Box-ApplicationName {
	display: block;
	clear: both;
	margin: 0 0 0 63px;
	line-height: 1.5;	
}

.Box-ApplicationName b, .Box-ApplicationName strong {
	font-size: 1.8em !important;
	color: #fff;
	font-weight: bold;
}

 
.New-Label {
	height: 25px;
	width: 43px;
	position: absolute;
	top: 7px;
	right: -22px;
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -430px -50px;
}

.Box-black a:hover, .Box-violet a:hover, .Box-blackMainPage a:hover span.VisitWebsite, .Box-violet:hover span#Pricing {
	color: #fff;
} 

.Box-black .BoxIcon, .Box-violet .BoxIcon {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll 0 0; position: absolute; left: 12px; top: 13px; display: block; width: 35px; height: 43px;
}

.Box-black a#Downloads .BoxIcon {
}

.Box-black a#Support .BoxIcon {background-position: -112px -3px; left: 9px; top: 11px;}
.Box-violet #Pricing .BoxIcon {background-position: -57px 0px; width: 43px; left: 9px; top: 11px;}
.Box-violet span#Pricing .BoxIcon {top: 7px;}
.Box-black a#Testimonials .BoxIcon {background-position: -162px -4px; width: 38px; height: 35px; left: 10px; top: 12px;}

.Box-black a#Support:active, .Box-black a#Downloads:active {
	background-color: #111;
}

.Box-black a#Testimonials {
	cursor: default;
	text-align: justify;
} 

.Box-violet {
	background: #3a0c3e url(Images/CSSsprite-allSites.png) no-repeat scroll -400px -163px;
	border: solid 1px #6d2573;
	margin-bottom: 2px;
	position: relative; overflow: hidden;
}

.Box-violet:hover {
	border: solid 1px #8a3391;
}

.Box-violet a, .Box-violet span#Pricing {
	display: block;
	min-height: 35px;
	text-decoration: none;
	color: #915c96;
	padding: 10px;
	-webkit-transition: color 0.2s ease-in-out;
} 

.Box-violet span#Pricing {
	padding: 6px 10px 3px 10px;
}

.Box-violet a#Pricing:active {
	background-color: #3b0c3f;
}

.videoIcon {
	display: block; position: relative; width: 36px; height: 32px; background: url(Images/CSSsprite-productSites.png) no-repeat scroll -217px 0; left: 0; top: 0; float: left; margin: 6px 5px 0 0;
}



.Box-Title {
	color: #fff;
	display: block;
	clear: both;
	margin: 0 0 10px 50px;
	line-height: 1.1;	
}

span#Pricing .Box-Title {
	color: #fff;
	display: block;
	clear: both;
	margin: 0 0 0px 50px;
	line-height: 1.1;	
}

.Box-Title strong {
	font-size: 1.8em !important;
	color: #fff;
	font-weight: normal;
} 

#Downloads .Box-Title strong {
	font-size: 2.2em !important;
}

.SpanLeft {
	display: block; width: 99px; text-align: right; float: left; font-weight: bold; 
	padding: 0 6px 0 46px; 
	cursor: pointer;
}
.SpanRight {
	display: block; text-align: left; float: left;
	cursor: pointer;
}

span#Pricing span {
	cursor: default;
	width: auto;
}

span#Pricing .SpanLeft {
	margin-left: 5px;
}

#TestimonialsSpan, .TestimonialsSpan {
	display: block; margin: 10px 6px 0 50px; clear: both;
}

#TestimonialsSpan:hover, .TestimonialsSpan:hover {
	color: #eee;
}

.Box-black a:hover#Testimonials {
	color: #aaa;
}

#BoxMainContent {
	background: none !important;
	width: 637px;
	overflow: hidden;
	position: relative;
}

#BoxMainContentBGtop {
	position: absolute; width: 100%; height: 38px;
	background: url(Images/CSSsprite-allSites.png) repeat-x scroll -0px -85px;
}

/* Hack für IE6: */
* html #BoxMainContent {
	width: 635px;
	overflow: hidden;
}

#BoxMainContentBG {
	background: url(Images/CSSsprite-allSites.png) no-repeat scroll -30px -183px;
	min-height: 450px;
}

ul#SectionButtons {
	margin: 0px 0px 0px 252px;
	padding: 8px 0 10px 0;
	overflow: hidden;
}

ul#SectionButtons li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
}

ul#SectionButtons a {
	float: left;
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -616px -30px;
	margin: 0 10px 0 0;
	padding: 4px 0 0 10px;
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
	position: relative;
	height: 25px;
	color: #888;
	white-space: nowrap;
	text-shadow: 0 1px 1px #000;
}

ul#SectionButtons a span {
	display: block;
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -773px -30px;
	height: 25px;
	width: 10px;
	position: absolute;
	right: -10px;
	top: 0;
}

ul#SectionButtons a:hover, ul#SectionButtons a#currentSectionButton {
	background-position: -616px -0px;
	color: #bbb !important;
}
	
ul#SectionButtons a:hover span, ul#SectionButtons a#currentSectionButton span {
	background-position: -773px -0px;
}

ul#SectionButtons a:active {
	background-position: -616px -60px;
}
	
ul#SectionButtons a:active span {
	background-position: -773px -60px;
}

#MainContentFullWidth {
	margin: 5px 27px 25px 35px;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.8;
	color: #bbb;
	clear: left;
	min-height: 200px;
	text-align: left;
}

#MainContentFullWidth h3 {
	font-size: 1.9em;
	color: #fff;
	padding: 0;
	margin: 0 0 3px 0;
	font-weight: normal;
	line-height: 1.2;
}

div#FeatureLinks ul {
	padding: 0 0 0 18px;
	overflow: hidden;
}

div#FeatureLinks ul li {
	float: left;
	width: 184px;
}

div#FeatureLinks ul li a {
	display: block;
	font-size: 0.8em;
	padding-right: 19px;
}

div#FeatureLinks ul li a:hover {
	border-bottom: none;
	color: #fff;
}

div#FeatureLinks ul li a:active {
	border-bottom: none;
	color: #aaa;
}

.BoxFeature {
	padding: 28px 0 10px 0;
	clear: left;
	border-bottom: dashed 1px #444;
}

.BoxFeature h4 a {
	text-decoration: none !important;
	border: none !important;
	color: #fff !important;
}

.BoxFeature img {
	margin: 0 0 10px 20px; 
	float: right;
	clear: left;
	border: solid 7px #2f2f2f;
	background: #2f2f2f;
	max-height: 150px;
	max-width: 150px;
}

.BoxFeature i {
	clear: left;
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
	font-style: normal;
}

.FeatureStatus .new {
	background: #a30004;
	color: #fff;
	font-size: 0.9em;
	padding: 0px 4px 1px 4px;
	-webkit-border-radius: 2px;
}

.FeatureStatus .improved {
	background: orange;
	color: #fff;
	font-size: 0.9em;
	padding: 0px 4px 1px 4px;
	-webkit-border-radius: 2px;
}

#otherFeatures {
	overflow: hidden;
	font-size: 1em;
	margin: 60px 0;
	background: #111;
	padding: 0 20px 20px 20px;
}

#otherFeatures h3 {
	padding: 0 0 20px 0;
}

#otherFeatures h3 a {
	padding: 20px 0 0 0;
	display: block;
}

#otherFeatures h4 {
}

#otherFeatures .BoxFeature {
	float: left;
	width: 50%;
	clear: none;
	overflow: hidden;
	display: inline;
	border-bottom: none;
	padding: 0;
}

#otherFeatures .BoxFeature2 {
	margin-right: 20px;
	padding: 18px 0 15px 0;
	border-top: dashed 1px #444;
}

#BoxClear1, #BoxClear3, #BoxClear5, #BoxClear7, #BoxClear9, #BoxClear11, #BoxClear13, #BoxClear15, #BoxClear17, #BoxClear19, #BoxClear21, #BoxClear23, #BoxClear25, #BoxClear27, #BoxClear29 {
	display: none;
}

#BoxClear2, #BoxClear4, #BoxClear6, #BoxClear8, #BoxClear10, #BoxClear12, #BoxClear14, #BoxClear16, #BoxClear18, #BoxClear20, #BoxClear22, #BoxClear24, #BoxClear26, #BoxClear28, #BoxClear30 {
	clear: both;
}

.BoxVersionHistory {
	padding: 8px;
	margin: 0 0 10px 0;
	border-bottom: dashed 1px #444;
}

.BoxVersionHistory ul {
	margin: 0 0 12px 17px;
}

#VersionHistoryGS4, #VersionHistoryGS2-3, #BoxVersionHistory-earlierReleases {
	display: none;
}

#MainContentFullWidth-SpecialBox {
	margin: 5px 27px 25px 35px;
	padding: 6px 0px;
	font-size: 0.8em;
	line-height: 1.6;
	color: #bbb;
	text-align: center;
	border-bottom: dashed 1px #333;
	border-top: dashed 1px #333;
	display: block;
}

#MainContentFullWidth-SpecialBox h4 {
	font-size: 1.9em;
	color: #fff;
	padding: 0;
	margin: 0 0 3px 0;
	font-weight: normal;
	line-height: 1.2;
}

#WhatsNewBox {
	display: none;
	margin-top: 10px;
}

#WhatsNewBox ul {
	text-align: left;
	margin: 0 0 0 20px;
}

#WhatsNewBox ul strong, #WhatsNewBox ul b {
	color: #eee;
}

#MainContentLeft {
	float: left;
	width: 280px;
	margin: 15px 0 40px 0px;
	padding: 0 0 0 35px;
	font-size: 0.8em;
	line-height: 1.8;
	color: #bbb;
}

#MainContentLeft a, #MainContentRight a, #MainContentFullWidth a, #MainContentFullWidth-SpecialBox a {
	text-decoration: none;
	color: #4b96d0;
}

#MainContentLeft a:hover, #MainContentRight a:hover, #MainContentFullWidth a:hover, #MainContentFullWidth-SpecialBox a:hover  {
	color: #4b96d0;
	border-bottom: dotted 1px #4b96d0;
}

#MainContentLeft a:active, #MainContentRight a:active, #MainContentFullWidth a:active, #MainContentFullWidth-SpecialBox a:active  {
	color: #eee;
	border-bottom: solid 1px #eee;
}

#MainContentLeft i, #MainContentRight i {
	font-weight: normal;
	font-style: normal;
	background: #222;
	color: #ccc;
}

#MainContentRight {
	float: right;
	width: 260px;
	margin: 15px 0px 40px 0;
	padding: 0 30px 0 0;
	font-size: 0.8em;
	line-height: 1.8;
	color: #bbb;
}


.screenshotDiv {
	text-align: center;
}

.screenshotDiv img.Screenshot {
	min-height: 100px;
}

.screenshotDiv a.ImageAnchor:hover, .screenshotDiv a.ImageAnchor:active {
	border: none !important;
}

#screenshotsNote {
	font-size: 12px; color: #bbb !important;
}

img.Screenshot {
	border: solid 7px #2f2f2f;
	margin-bottom: 15px;
	background: #2f2f2f;
}

a.ScreenshotLink {
	cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
	border: none !important;
}

a.iPhoneFrame {
	display: block; 
	width: 235px;
	height: 503px;
	background: url(Images/iPhoneFrame.jpg) no-repeat top left;
}

a.iPhoneFrame img {
	border: none !important;
	width: 194px; height: 291px;
	margin-top: 74px; margin-left: 2px;
}

a#moreScreenshots {
	text-decoration: none;
	color: #888;
	text-align: right;
	display: block;
	margin: -10px 0 0 0;
}

a:hover#moreScreenshots {
	color: #eee;
	border: none;
}

#MainContentRight:hover a#moreScreenshots{
	
}

.BoxDownload {
	margin: 5px 0 18px 0;
	font-size: 1.3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: #111 url(Images/CSSsprite-allSites.png) no-repeat scroll -330px -203px;
	overflow: hidden;
}

.BoxDownload .BoxIcon {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll 0 0; position: absolute; left: 11px; top: 9px; display: block; width: 35px; height: 43px;	
}

.BoxGoBackToApplication {
	text-align: center;
	border: dashed 1px #444; 
	margin: 0 0 15px 0;
	font-size: 1.4em;
	background: #222;
}

.BoxGoBackToApplication:hover {
	text-align: center;
	border: solid 1px #444; 
	background: #2a2a2a;
}

.BoxDownload span {
	font-size: 11px;
	color: #aaa !important;
	display: block;
	padding: 0px 6px 6px 60px;
}

.BoxDownload span.releaseDate {
	font-size: 11px;
	color: #aaa !important;
	display: block;
	padding: 0px 6px 0px 0px;
	margin-top: -6px;
}


.BoxDownload a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 16px 1px 16px 60px;
	border: solid 1px #111;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	padding: 4px 6px 6px 60px;
	border: dashed 1px #444;
	-webkit-box-shadow: inset 0px 1px 2px #000;
	text-shadow: 0 1px 1px #000;
}

.BoxDownload a:hover {
	margin: 0px;padding: 3px 6px 5px 59px;
	border: solid 2px #444 !important;
	text-decoration: none;
	-webkit-box-shadow:none;
	text-shadow: none;-webkit-box-shadow: inset 0px 0px 3px #000;
}

ul#eBaySitesList {
	margin: 0 0 0 17px;
	clear: left;
}

ul#eBaySitesList li {
	float: left;
	width: 185px;
}

.BoxAwards {
	padding: 28px 0 10px 60px;
	clear: left;
	border-bottom: dashed 1px #444;
	position: relative;
}

.BoxAwards .BoxIcon {
	background: url(Images/CSSsprite-productSites.png) no-repeat scroll -162px -4px; position: absolute; left: 3px; top: 29px; display: block; width: 39px; height: 37px;
}

.BoxStore {
	border: dashed 1px #444;
	margin: 5px 0 18px 0;
	font-size: 1.4em;
	background: url(Images/Icon-Buy.png) 5px 8px no-repeat; /* for non-Webkit browsers */
	background: url(Images/Icon-Buy.png) 5px 8px no-repeat,
 	url(Images/Box-black.jpg) top left no-repeat; /* multiple backgrounds */
	background-color: #222; /* for non-Webkit browsers */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.BoxStore:hover {
	border: solid 1px #333; 
	background: #2a2a2a url(Images/Icon-Buy.png) no-repeat 5px 8px;
}

.BoxStore a {
	display: block;
	color: #fff;
	padding: 12px 6px 12px 60px;
}

.BoxStore a:hover {
	text-decoration: underline !important;
	border: none !important;
}

.FAQList {	
	font-size: 0.9em;
	position: relative;
}

.Question {
	padding: 5px 10px 5px 17px;
	cursor: pointer;
	margin: 1px 0;
    background: #222;
    position: relative;
}

.Question:hover {
    background: #333;
    color: #fff;
}

.Question .Qtrianle {
	background: url(Images/CSSsprite-productSites.png) no-repeat 0 -55px;
	position: absolute;
	width: 10px;
	height: 6px;
	left: 5px; top: 13px;
}

.Answer {
	padding: 3px 10px 6px 14px;
	color: #fff;
}

.ShowAllAnswers {
	cursor: pointer;
}

.ShowAllAnswers:hover {
	text-decoration: none;
	color: #4b96d0;
}

.ContactSpanLeft {
	display: block; 
	width: 120px; text-align: right; float: left;
	font-weight: bold;
	padding: 0 8px 0 0;
	 clear: both;
	 color: #fff;
}
.ContactSpanRight {
	display: block; text-align: left; float: left;
	width: 300px;
}

input, select, textarea {
	padding: 0;
	margin: 3px 0;
}

div.iwascodingCrew {
	clear: left;
}

div.iwascodingCrew img {
	border: solid 5px #2f2f2f;
	margin: 2px 20px 10px 0;
	background: #2f2f2f;
	clear: left;
}

.formularDiv {
	background: #222; 
	padding: 20px 10px;
}
	
#pseudoContentforIE {
	position: relative;
}

.clearFloat {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.clearFloatLeft {
	display: block;
	clear: left;
	font-size: 1px;
	line-height: 1px;
}

body#createdWithGSiFrame {
	background: #1f1f1f url(Images/GarageSale/createdWithGSiFrameBG.png) no-repeat scroll top left;
}

#createdWithGSiFrame-Link {
	padding: 5px 0px 15px 0;
	text-decoration: none;
	width:  111px;
	display: block;
	text-align: center;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: 1px;
	line-height: 12pt;
	color: #e9f6fe;
}

#createdWithGS-Box {
	padding: 6px 0px 6px 10px;
	overflow: hidden;
}

#createdWithGS-BoxText {
	float: left;
	width: 128px;
	color: #aaa;
}

#createdWithGS-BoxiFrame {
	width: 111px;
	height: 28px;
	border: none;
	overflow: hidden;
	float: right;
	margin: 1px 7px 0 0;
	padding: 0;
}

/* @group Footer */

#Footer {
	width: 900px;
	margin-left: 0px;
	padding: 0px 0 15px 0;
	line-height: 1.4;
	font-size: 0.75em;
	color: #444;
	background: #000;
}

#FooterBGTop {
	background: url(Images/CSSsprite-allSites.png) repeat-x 0px -124px;
	height: 31px;
}

.FooterColumn {
	float: left;
	width:  255px;
	padding-left: 35px;
}

.FooterColumn a, .FooterColumn {
	-webkit-transition: color 0.2s linear;
	color: #777;
}

.FooterColumn:hover a, .FooterColumn:hover {
	color: #888;
}

.FooterColumn:hover b, .FooterColumn:hover strong {
	color: #aaa;
}

.FooterColumn h5 {
	font-size: 1em;
	font-weight: bold;
	color: #888;
	padding: 0;
	margin: 0px 0 10px 0;
}

.FooterColumn ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}

.FooterColumn b, .FooterColumn strong {
	color: #777;
}

.FooterColumn a {
	text-decoration: none;
	color: #777;
	-webkit-transition: color 0.1s linear;
}

.FooterColumn a:hover {
	text-decoration: none;
	color: #bbb;
}

.FooterColumn a:active {
	text-decoration: none;
	color: #eee;
}

#iwascodingFooter {
	font-size: 1.1em;
	margin-top: 20px;
	text-align: center;
}

a#iwascoding-Link {
	display: block;
	padding: 0px 0 10px 0;
	opacity: 0.7;
}

.footer-iwcLogo {
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -429px 0;
	display: block;
	width: 240px;
	height: 44px;
	margin: 0 auto;
}

a#iwascoding-Link:hover, a#CPS-Link:hover {
	opacity: 1;
}

a#CPS-Link {
	display: block;
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -681px 0;
	height: 90px;
	width: 102px;
	opacity: 0.7;
	margin: 0 auto;
}
/* @end */

/* @group Tooltip */

/* Tooltip js Function CSS: */

.toolTip {text-decoration: none; line-height: 1.4;}
.toolTipWrapper {width: 135px; position: absolute; left: 80px; display: none; color: #FFF; font-size: 11px; font-family: Helvetica, sans-serif; text-align: left; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.toolTipWrapperTriangle {display: block; width: 10px; height: 10px; position: absolute; left: 4px; top: 35%; background: url(Images/CSSsprite-productSites.png) no-repeat 0 -70px;}
.toolTipMid {display: block; background: #000; padding: 6px 3px 6px 9px; margin-left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0 4px rgba(255,2555,255,0.4);}
/* @end */

/* @group iwascodingSites Header */

#Head-iwascodingSites div#appName {
	background: url(Images/CSSsprite-iwascodingSites.png) no-repeat 0 0;
	width: 418px;
	height: 81px;	
	margin-top: 128px;
	left: 99px;
}

#Head-iwascodingSites div#appName h1 {
	text-indent: -2000px;
}

#Head-iwascodingSites div#appSlogan {
}

#Head-iwascodingSites div#appSlogan h2 {
	text-indent: -2000px;
}


/* @end */



/* @group GarageSaleBasic Header */
#Head-GarageSaleBasic {
	width: 899px;
	height: 258px;
	background: #3e5668 url(Images/GarageSaleBasic/website_Head-GarageSaleBasic.jpg) no-repeat top left;
	margin-left: 0px;
}

#Head-GarageSaleBasic div#appName {
	margin-top: 107px !important;
}

#Head-GarageSaleBasic div#appName h1 {
	font-size: 3.3em !important;
	color: #fff;
}

#Head-GarageSaleBasic div#appSlogan {
	margin-top: 175px;
}

#Head-GarageSaleBasic div#appSlogan h2 {
	color: #fff;
}

#GarageSaleBasicIcon {
	background: url(Images/GarageSaleBasic/GarageSaleBasicIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

/* @end */

/* @group GarageSaleTouch Header */
#Head-GarageSaleTouch {
}

#Head-GarageSaleTouch div#appName {
	margin-top: 110px !important;
	left: 263px;
}

#Head-GarageSaleTouch div#appName h1 {
	font-size: 3.2em !important;
}

#Head-GarageSaleTouch div#appName .appNameAddition {
	font-size: 0.3em; text-shadow: none; font-weight: normal; font-family: "Lucida Grande", Lucida, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #bad7ed;
}

#Head-GarageSaleTouch div#appSlogan {
	left: 303px;
	margin-top: 90px;
}

#Head-GarageSaleTouch div#ebayApp {
	top: 145px;
}

#GarageSaleTouchIcon {
	background: url(Images/GarageSaleTouch/GarageSaleTouchIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

/* @end */

/* @group GarageBuyTouch Header */
#Head-GarageBuyTouch {
}

#Head-GarageBuyTouch div#appName {
	margin-top: 107px !important;
	left: 263px;
}

#Head-GarageBuyTouch div#appName h1 {
	font-size: 3.4em !important;
}

#Head-GarageBuyTouch div#appSlogan {
	left: 318px;
}

#Head-GarageBuyTouch div#ebayApp {
	top: 145px;
}

#GarageBuyTouchIcon {
	background: url(Images/GarageBuyTouch/GarageBuyTouchIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 33px;
}

/* @end */

/* @group GarageBuy Header */
#Head-GarageBuy {
}

div#GarageBuyFreewareSticker  {
	background: url(Images/GarageBuy/GarageBuy-FreeSticker.jpg) no-repeat top left scroll;
	width: 80px;
	height: 91px;
	position: absolute;
	z-index: 5;
	top: 17px;
	left: 656px;
	display: block;
	border:  none;
}

#GarageBuyIcon {
	background: url(Images/GarageBuy/GarageBuyIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

/* @end */

/* @group GaragePay Header */
#Head-GaragePay {
	width: 899px;
	height: 258px;
	background: #3e5668 url(Images/GaragePay/website_Head-GaragePay.jpg) no-repeat top left;
	margin-left: 0px;
}

#Head-GaragePay div#appName h1 {
	color: #fff;
}

#Head-GaragePay div#appSlogan h2 {
	color: #fff;
}

#Head-GaragePay div#UBimage {
	top: 105px;
}

#Head-GaragePay div#PaypalLogo {
	background: url(Images/GaragePay/PaypalLogo.jpg) no-repeat top left scroll;
	width: 76px;
	height: 39px;
	position: absolute;
	top: 165px;
	right: 43px;
}

#GaragePayIcon {
	background: url(Images/GaragePay/GaragePayIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}
/* @end */

/* @group UnCoverIt Header */
body.productIsUnCoverIt #SectionButtons {margin-left: 275px !important;}
body.productIsUnCoverIt ul#SectionButtons a {padding: 4px 10px 0 20px;}

#Head-UnCoverIt {
	background: #bbb url(Images/UnCoverIt/website_Head-UnCoverIt.jpg) no-repeat top left;
}

#UnCoverItIcon {
	background: url(Images/UnCoverIt/UnCoverItIcon.png) no-repeat top left scroll;
	width: 250px;
	height: 250px;
	position: absolute;
	z-index: 5;
	top: 55px;
	left: 23px;
}

#Head-UnCoverIt div#appName {
	position: absolute;
	left: 318px;
	margin-top: 75px;
}

#Head-UnCoverIt div#appName h1 {
	color: #fff;
	font-size: 4.0em;
}

#Head-UnCoverIt div#appName h1 span {
	font-weight: normal;
}

#Head-UnCoverIt div#appSlogan {
	position: absolute;
	margin-top: 148px;
	left: 321px;
}

#Head-UnCoverIt div#appSlogan h2 {
	color: #fff;
}

#Head-UnCoverIt div#UBimage {
	top: 105px;
	right: 76px;
	display: none;
}
/* @end */

/* @group nibTranslate Header */
#nibTranslateIcon {
	background: url(Images/nibTranslate/nibTranslateIcon.png) no-repeat top left scroll;
	width: 221px;
	height: 205px;
	position: absolute;
	z-index: 5;
	top: 90px;
	left: 23px;
}

#Head-nibTranslate div#appName h1 {
	font-size: 4.2em !important;
}

#Head-nibTranslate div#appSlogan {
	left: 403px !important;
	margin-top: 165px !important;
}

#Head-nibTranslate div#UBimage {
	top: 105px;
	right: 76px;
}
/* @end */

/* @group GarageTunes Header */
body.productIsGarageTunes #SectionButtons {margin-left: 36px !important;}
body.productIsGarageTunes #BoxMainContentBG {background: none;}
body.productIsGarageTunes ul#SectionButtons a {padding: 4px 10px 0 20px;}

#Head-GarageTunes {
	width: 899px;
	height: 470px;
	background: #3e5668 url(Images/GarageTunes/website_Head-GarageTunes.jpg) no-repeat top left;
	margin-left: 0px;
}

#Head-GarageTunes div#appName h1 {
	font-size: 2.2em !important;
	text-align: center;
	text-indent: -2000px;
}

#Head-GarageTunes div#appSlogan {
	left: 250px !important;
	margin-top: 140px !important;
	width: 420px;
	text-align: center;
}

div#appSlogan h2 {
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	color: #fff;
	font-size: 1.3em;
}
/* @end */


/* @group Created with GarageSale Site */
.createdWithGS #Head {height: 258px; background-position: top left;}
.createdWithGS #Head a#GarageSaleIcon {top: 80px;}
.createdWithGS #appName h1 {font-size: 24pt; margin: -10px 250px 0 30px; white-space: normal;}
.createdWithGS #appSlogan {width: 600px; left: 280px; font-size: 11px; top: -70px;}
.createdWithGS #BoxMainContent {width: 899px;}
.createdWithGS #BoxMainContentBG {padding-top: 15px;}
.createdWithGS #MainContentFullWidth {padding-right: 10px;}
.createdWithGS #createdWithGS-lastUpdated {position: absolute; right: 0px; top: 0px; color: #555; font-size: x-small;}
.createdWithGS a:hover {border: none !important;}
.createdWithGS li {font-size: 15px;}
.createdWithGS h4 {border-bottom: solid 1px #444; padding-bottom: 3px; padding-top: 25px;}

.createdWithGS-itemBox {height: 60px; overflow: hidden; margin-bottom: 2px;}
.createdWithGS .createdWithGS-itemBox table {background: #222;}
.createdWithGS .createdWithGS-itemBox table:hover {background: #2a2a2a;}
.createdWithGS table td.createdWithGS-imgBox {width: 61px; height: 60px; background: #fff; padding: 0; line-height: 0; font-size: 0; margin: 0;}
.createdWithGS table td.createdWithGS-imgBox img {#height: 60px; max-height: 60px; max-width: 60px;}
.createdWithGS table td.createdWithGS-imgBox a img {text-decoration: none !important; border: none !important;}
.createdWithGS table td.createdWithGS-imgBox .createdWithGS-imgPlaceholder {width: 60px;}
td.createdWithGS-textBox {width: 760px; padding-left: 15px;}
td.createdWithGS-textBox a {height: 60px; width: 750px; display: block; overflow: hidden;}
td.createdWithGS-textBox a:hover {border: none !important;}
td.createdWithGS-textBox a span.createdWithGS-itemTitle {padding-top: 7px; padding-bottom: 5px; display: block; font-size: 15px; -webkit-transition: color 0.3s linear;}
td.createdWithGS-textBox a:hover span.createdWithGS-itemTitle {color: #eee !important;}
td.createdWithGS-textBox a span.createdWithGS-itemDetails {font-size: 12px; color: #555;}
td.createdWithGS-textBox a span.createdWithGS-arrow {display: block; width: 20px; padding-top: 5px; float: right; font-weight: bold; font-size: 40px !important; color: #333; line-height: 1; -webkit-transition: color 0.3s linear;}
td.createdWithGS-textBox a:hover span.createdWithGS-arrow {color: #555;}
td.createdWithGS-textBox a:active span.createdWithGS-arrow {color: #fff;}

.createdWithGSStats {background: #222 url(Images/GarageSale/statsBG.png) repeat 0px 30px; margin-bottom: 40px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px;}
.createdWithGSStats table td {color: #fff;}
.createdWithGSStats-HeadTopLeft {background: #4077a7 url(Images/GarageSale/statsTopBG.png) repeat-x top left; height: 29px; text-align: left; padding-left: 25px; color: #fff; font-size: 12pt; text-shadow: 0px -1px 0px #000; -moz-border-top-left-radius: 7px; border-top-left-radius: 7px; -webkit-border-top-left-radius: 7px; border-right: solid 1px #345e83;}
td.createdWithGSStats-HeadTopCenter {border-left: solid 1px #66abe4;}
td.createdWithGSStats-HeadTopCenter div {background: #4077a7 url(Images/GarageSale/statsTopBG.png) repeat-x top left; height: 29px; text-align: left; padding-left: 25px; color: #fff; font-size: 12pt; text-shadow: 0px -1px 0px #000; border-right: solid 1px #345e83;}
td.createdWithGSStats-HeadTopRight {border-left: solid 1px #66abe4;}
td.createdWithGSStats-HeadTopRight div {background: #4077a7 url(Images/GarageSale/statsTopBG.png) repeat-x top left; height: 29px; text-align: left; padding-left: 25px; color: #fff; font-size: 12pt; text-shadow: 0px -1px 0px #000; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; -webkit-border-top-right-radius: 7px;}
td.createdWithGSStats-Item1 .createdWithGSStats-Item1div {height: 29px; padding-left: 25px; color: #ddd; overflow: hidden;}
td.createdWithGSStats-Item1 .createdWithGSStats-Item1div div {padding-top: 2px; font-size: 11pt; border-right: solid 1px #000;}
td.createdWithGSStats-Item2 {border-left: solid 1px #333;}
td.createdWithGSStats-Item2 .createdWithGSStats-Item2div {height: 29px; padding-left: 25px; color: #ddd; overflow: hidden;}
td.createdWithGSStats-Item2 .createdWithGSStats-Item2div div {padding-top: 2px; font-size: 11pt; border-right: solid 1px #000;}
td.createdWithGSStats-Item3 {border-left: solid 1px #333;}
td.createdWithGSStats-Item3 .createdWithGSStats-Item3div {height: 29px; padding-left: 25px; color: #ddd; overflow: hidden;}
td.createdWithGSStats-Item3 .createdWithGSStats-Item3div div {padding-top: 2px; font-size: 11pt;}
td.createdWithGSStats-Item3 .createdWithGSStats-Item3div div a {padding: 0 25px;}

/* @group IconLegend */
body#IconLegend {font-family: 'Lucida Grande', sans-serif; color: #000; font-size: 10pt;}
body.GarageSaleLegend {background: #c5cdd9 url(GarageSale/GarageSaleLegend/BG.png) repeat top left;}
body#IconLegend td.left {padding: 5px 5px 5px 25px;border-right: solid 1px #888; width: 280;color: #000; font-size: 8pt;}
body#IconLegend td.left img {float: left; padding-right: 3px;}
body#IconLegend td.section {padding: 5px;border-right: solid 1px #888; color: #555; font-size: 8pt;}
body#IconLegend td.right {padding: 5px 5px 5px 5px;color: #000; background: #eee; font-size: 8pt;}
/* @end */
/* @end */

/* @group Blog CSS */
#MainContentFullWidth .post:first-child .small:first-child {color: #999;}
.imageRight, .rightImage {float: right; margin: 3px 0 8px 15px; border: none;}
.imageLeft, .leftImage {float: left; margin: 3px 15px 8px 0px; border: none;}
/* @end */

/* @group Lost Licenses Form */
input#LLFormField, input#LLFormSubmit {display: block; height: 28px; border: none; font-size: 13px; padding: 0 7px; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
input#LLFormField {max-width: 428px; -webkit-box-shadow: inset 0px 1px 2px #888; -moz-box-shadow: inset 0px 1px 2px #888; box-shadow: inset 0px 1px 2px #888;}
input#LLFormSubmit {cursor: pointer; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#5d95c8), to(#356ea4)); background-color: #356ea4; margin-left: 3px;}
input#LLFormSubmit:hover {text-shadow: 0 0px 3px #444;}
input#LLFormSubmit:active {color: #222; text-shadow: none;}
/* @end */

/* @group Contact Page - SupportBox */
#SB {width: 570px; margin-top: 5px; background: #fff; overflow: hidden; position: relative; -webkit-user-select: none; padding-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-perspective: 1; -moz-perspective: 1; perspective: 1; -webkit-transform-style: preserve-3d;}
#SB ul, #SB li {margin: 0; padding: 0; list-style-type: none;}

#SB-productList {width: 225px; float: left; position: relative; z-index: 2; color: #444;}
#SB-productList li {display: block; padding: 6px 5px 4px 9px; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 12px; font-weight: bold; position: relative; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);}
#SB-productList li:hover {background-color: #666; color: #fff; -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.4); text-shadow: 0px 1px 0px rgba(0,0,0,0.2);}
#SB-productList li:active {background-color: #555; color: #fff; -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.8); -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 7px rgba(0,0,0,0.4); text-shadow: 0px 1px 0px rgba(0,0,0,0.4);}
#SB-productList li span {font-size: 10px; font-weight: normal;}
#SB-productList li em {display: block; float: left; width: 32px; height: 24px; verflow: hidden; margin-top: -1px;}
#SB-productList li img {height: 24px; vertical-align: top;}
#SB-productList li i {position: absolute; height: 100%; width: 8px; right: 7px; top: 0; background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -793px -24px;}
#SB-productList li:hover i {background-position: -813px -24px;}
#SB-GarageSale {-webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px;}
.SB-current, .SB-current:hover, .SB-GarageSale, .SB-GarageSale:hover {background: -webkit-gradient(linear, left top, left bottom, from(#5d95c8), to(#356ea4)) !important; background-color: #356ea4 !important; color: #fff !important; -webkit-box-shadow: none !important;}
.SB-current i, .SB-current:hover i, .SB-GarageSale i, .SB-GarageSale:hover i {background-position: -813px -23px !important;}
#SB-productListBG {width: 224px; position: absolute; top: 0; bottom: 0; left: 0px; border-right: solid 1px #e4e4e4;}

#SB-resources div {width: 315px; float: right; padding: 25px 0 5px 0; position: relative; display: none;}
.SB-active, .SB-activeGarageSale {display: block !important;}
#SB h5 {font-size: 20px; margin: 0; padding: 0px 0 5px 0px; line-height: 1.4; overflow: hidden; color: #333; min-height: 55px;}
#SB h5 span {display: block; font-size: 12px; font-weight: normal;}
/*#SB-resources li:first-child a:first-child {-webkit-border-top-left-radius: 5px;}*/
#SB-resources li {position: relative;}
#SB-resources li a i {position: absolute; background: url(Images/CSSsprite-iwascodingSites.png) no-repeat -833px center; width: 20px; top: 0; right: 0; height: 100%;}
#SB-resources li a:hover i {background-position: -863px center;}
#SB-resources a {margin: 1px 0 0 0; padding: 8px 30px 8px 15px; background-color: #eee; font-size: 14px; line-height: 1.5; color: #1662a8 !important; -webkit-transition: background-color linear 0.05s; display: block; overflow: hidden;}
#SB-resources a:hover {border: none !important; background-color: #e3e3e3;}
#SB-resources a:active {color: #444 !important; background-color: #ddd;}
#SB-resources a span {display: block; font-size: 12px; color: #666;}
#SB-resources a:hover span {color: #444;}
#SB-resources a span span {font-size: 10px; height: 0px; overflow: hidden; color: #e3e3e3; -webkit-transition-duration: 0.6s,0.2s; -webkit-transition-property: color,height; -moz-transition-duration: 0.6s,0.2s; -moz-transition-property: opacity,height;}
#SB-resources a:hover span span {height: 31px;}
#SB-resources img {float: left; padding-right: 7px}
/*noscript Area:*/
ul#SB-noscriptProductList h5 {font-size: 18px; margin: 0; padding: 0 10px 10px 30px; min-height: 10px; font-weight: normal;}
ul#SB-noscriptProductList {margin: 10px 0; color: #000; font-size: 16px;}
ul#SB-noscriptProductList li {display: block; color: #000; overflow: hidden; padding: 4px 30px;}
ul#SB-noscriptProductList li:nth-child(even) {background: #f5f5f5;}
ul#SB-noscriptProductList li:nth-child(odd) {background: #fff;}
ul#SB-noscriptProductList li:hover {background: #eaeaea;}
ul#SB-noscriptProductList em {display: block; float: left; width: 60px; height: 50px; overflow: hidden;}
ul#SB-noscriptProductList img {float: left;}
ul#SB-noscriptProductList span {display: block; float: left; height: 22px; font-weight: bold; margin-top: 10px; padding: 0 15px; -webkit-user-select: text;}

/*Animations on start:*/
/*webkit*/
@-webkit-keyframes SupportBoxAnimation {
 0% {-webkit-transform: scale(0.0) translate(0px,-140px); opacity: 0;}
 100% {-webkit-transform: scale(1.0) translate(0px,0px); opacity: 1;}
}
#SB {-webkit-animation: SupportBoxAnimation 0.5s 1;}
@-webkit-keyframes productListAnimation {
 0% {-webkit-transform: translate(0px,-500px);}
 100% {-webkit-transform: translate(0px,0px);}
}
#SB-productList {-webkit-animation: productListAnimation 0.6s 1;}
/*mozilla*/
@-moz-keyframes SupportBoxAnimation {
 0% {-moz-transform: scale(0.0) translate(0px,-140px);}
 100% {-moz-transform: scale(1.0) translate(0px,0px);}
}
#SB {-moz-animation: SupportBoxAnimation 0.5s 1;}
@-moz-keyframes productListAnimation {
 0% {-moz-transform:  translate(0px,-500px);}
 100% {-moz-transform: translate(0px,0px);}
}
#SB-productList {-moz-animation: productListAnimation 0.6s 1;}
/*Animations on product list click:*/
/*webkit*/
@-webkit-keyframes appNameAnimation {
 0% {-webkit-transform: translate(0px,-150px)}
 50% {-webkit-transform: translate(0px,20px)}
 100% {-webkit-transform: translate(0px,0px)}
}
.SB-active h5 {-webkit-animation: appNameAnimation 0.4s 1;}
@-webkit-keyframes resourceListAnimation {
 0% {-webkit-transform: translate(0px,0px) scale(1,1)}
 40% {-webkit-transform: translate(0px,0px) scale(1,1)}
 50% {-webkit-transform: translate(0px,10px) scale(1,0.9)}
 100% {-webkit-transform: translate(0px,0px) scale(1,1)}
}
.SB-active ul {-webkit-animation: resourceListAnimation 0.4s 1;}
/*mozilla*/
@-moz-keyframes appNameAnimation {
 0% {-moz-transform: translate(0px,-150px)}
 50% {-moz-transform: translate(0px,20px)}
 100% {-moz-transform: translate(0px,0px)}
}
.SB-active h5 {-moz-animation: appNameAnimation 0.4s 1;}
@-moz-keyframes resourceListAnimation {
 0% {-moz-transform: translate(0px,0px) scale(1,1)}
 40% {-moz-transform: translate(0px,0px) scale(1,1)}
 50% {-moz-transform: translate(0px,10px) scale(1,0.9)}
 100% {-moz-transform: translate(0px,0px) scale(1,1)}
}
.SB-active ul {-moz-animation: resourceListAnimation 0.4s 1;}
/* @end */

/* @group FeatureComparisonTable */
#FeatureComparisonTable {
	font-size: 10pt;
	border: none;
}

#FeatureComparisonTable tr:nth-child(odd) {
	background: #262829;
}

#FeatureComparisonTable tr:nth-child(even) {
	background: #222;
}

#FeatureComparisonTable tr:hover {
	background: #161616;
}

.FeatureComparisonLinks a {
	color: #eee;
	text-decoration: none;
}


/* @end */

/* @group iPhone and iPad CSS */
@media only screen and (max-device-width: 1024px) {
	a#ProductsButton, #Products, #iwascodingButton, #iwascodingLinks, #iPhoneProductsBox, a#ProductsButton {display: none !important;}
	#iPhoneAppSelectorForm, #iPhoneIwasSelectorForm {display: block !important;}
	body {-webkit-font-smoothing: subpixel-antialiased;}
}

#iPhoneAppSelectorForm {width: 105px; height: 39px; background: #eee url(Images/CSSsprite-allSites.png) no-repeat -242px -44px; position: absolute; z-index: 35;}
#iPhoneAppSelector {width: 170px;}
#iPhoneIwasSelectorForm {width: 196px; height: 39px; background: #eee url(Images/CSSsprite-allSites.png) no-repeat 0 -44px; position: absolute; z-index: 35;}
#iPhoneAppSelector, #iPhoneIwasSelector {margin-top: 12px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
#iPhoneIwasSelector {width: 190px;}
/* @end */