/*-----------------------------
RESET STYLES
-----------------------------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	/*-webkit-text-size-adjust:none;  This stops the iPhone from automatically changing the size of the text when you flip the phone */
	}
body{
	font-size: 75%; /* 62.5% means 1em = 10px */
	}
ul, li, ol, dl, dd, dt{
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	}
 
/*-----------------------------
	SITE SPECIFIC STYLES
-----------------------------*/

body{
	background-color:#050505;
	font-family: Helvetica; /* Helvetica is on the iPhone already, so you may as well take advantage */
	color:#dfdfdf;
}

img {
	border:none;
}


a{
	color:#dfdfdf;
	text-decoration:none;
	}
	
.clear {
	clear:both;
	height:0;
}

/*-----------------------------
	HEADINGS
-----------------------------*/

h1{
	color:#ffff00;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	}
h2 {
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
}

h3 {
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
}

/*-----------------------------
	BASIC LAYOUT
-----------------------------*/
/* Container */
#container {
	/*height: 304px; from fixed.css*/
	position:relative;
	min-height:356px;
	
}
/* Content */
#content {
	/*position: relative; from fixed.css*/
	width:100%;
	
}

.home {
	/*background-color:#f7d782;*/
}

.subpages {
	/*background:#5bbd2a;*/
}

div#banner {
	width:240px;
	margin:0 auto;
}

#nav {	
	height:34px;
	background-color:#323232;
}

	#nav ul {
		padding:1px 0 0 1px;
		list-style-type:none;		
	}
	
	#nav ul li {
		width:33%;
		text-align:center;
		float:left;
	}
	
	#nav ul li.middle {
		margin:0 1px;
	}
	
	#nav ul li a {
		display:block;
		height:23px;
		border:1px solid #070707;
		background:url(nav-background.jpg);
		padding-top:7px;
	}
	
	#nav ul li a.active {
		background:url(nav-backgrounda.jpg);
	}
	
#content-padded {	
	background:url(../images/home-background.jpg) top center no-repeat;
	width:320px;
	/*height:200px;*/
	margin:0 auto;
}

	.home-headline {
		text-align:center;
	}
		.home-headline h1 {
			padding:15px 0 5px 0;
		}
		.home-headline h2 {
			padding-bottom:5px;
		}
		.home-headline a {
			
			color: yellow;
		}
	
	.home-content {
		padding-top:5px;
		padding-left:40px;
	}

.logos {
	background:#050505 url(../images/buy-background.jpg) top center no-repeat;
	border-bottom:1px solid #323232;
	padding:15px;
}
	.logos h2 {
		text-transform:uppercase;
	}
	
	.logos h1 {
		padding-bottom:18px;
		
	}
	
.logos img {
	float:left;
}

.thanks {
	background:#050505 url(../images/buy-background.jpg) top center no-repeat;
	
	padding:15px;
}
	.thanks h2 {
		text-transform:uppercase;
	}
	
	.thanks h1 {
		padding-bottom:18px;
		
	}

/* Footer */


#footer {
	/*position: absolute; from fixed.css
	bottom: 0;
	height: 44px;*/
	width:100%;
}

.slide {
  height:53px;
   
  cursor:pointer;
}

	.slide h3 {
		padding:13px 0 0 13px;
		float:left;
		color:#3d8ac9;
	}
	div.footer-text {
		text-transform:uppercase;
		padding:10px 0 0 10px;
		float:left;
	}
		div.footer-text p span {
			font-size:15px;
			color: yellow;
		}
	div.footer-logo {
		float:right;
	}

.inner {
	background-color:#050505;
	width:100%;
	bottom:0;
	left:0;
	position:absolute;	
}

#popup {
	background:url(../images/footer-background.jpg) top no-repeat;
	width:100%;
	height:275px;	
	position:relative;
	margin:0 auto;
}

.close-footer {
	display:block;
	cursor:pointer;
	margin-top:12px;
	float:left;
}

#popup-signup {
	background:url(../images/signup-background.png) repeat-x;
	height:93px;
	float:left;
	position:absolute;
	bottom:0;
	padding:15px 0 0 0;
	width:100%;
}

#popup-signup h1, #popup-signup h2 {
	padding-left:14px;
}

form#popup-form {
	margin-top:12px;
	padding-left:14px;
	
}
	form#popup-form input {
		float:left;
	}
	form#popup-form input.field {
		border:none;
		width:64%;
		background:#FFFFFF url(../images/popup-field-bg.jpg) repeat-x;
		height:24px;
		margin-right:10px;
		padding:7px 0 0 5px;
	}


/*-----------------------------
	FROM FIXED.CSS
-----------------------------*/

/* Reposition on scroll */
body.scrolled #footer {
	/*bottom: 0;*/
}

/* Reposition on orientation change */
body[orient="landscape"] #footer {
	/*bottom: 0;*/
}

/* Reposition on scroll */
body.scrolled[orient="landscape"] #footer {
	/*bottom: 0;*/
}

/* Reposition on orientation change */
body[orient="landscape"] #container {
	/*height: 156px;*/
}


/*-----------------------------
	ACCORDION
-----------------------------*/
div#accordion {
	background-color:#050505;
}

	div#accordion h3 {
		border-top:1px solid #323232;
	}
		div#accordion-2 h3.first {
			border-top:none;
		}
	
	div#accordion h3 a {
		display:block;
		height:36px;
		text-decoration:none;
		padding:12px 0 0 13px;
		background:#050505 url(../images/features-title-background.jpg) no-repeat center top;
	}
	div#accordion div {
		
	}

div#accordion-2 {
	background-color:#050505;
}

	div#accordion-2 h3 {
		border-top:1px solid #323232;
	}
		div#accordion-2 h3.first {
			border-top:none;
		}
	
	div#accordion-2 h3 a {
		display:block;
		height:36px;
		text-decoration:none;
		padding:13px 0 0 13px;
	}
		div#accordion-2 h3 a.touch {
			background:#050505 url(bgbuttonprod.jpg) no-repeat center top;
		}
		div#accordion-2 h3 a.pen {
			background:#050505 url(bgbuttonprod.jpg) no-repeat center top;
		}
		div#accordion-2 h3 a.pentouch {
			background:#050505 urlurl(bgbuttonprod.jpg) no-repeat center top;
		}
	div#accordion-2 div.product-content {
		/*width:240px;
		margin:0 auto;*/
	}
		div#accordion-2 div.product-content h3 {
			border-top:none;
			color: yellow;
			padding:13px 0 18px 22px;
		}
		div#accordion-2 div.product-content ul.product-details {
			color: yellow;
			list-style-type:disc;
			margin:0 5px 0 22px;
		}
			ul.product-details li {
				padding-bottom:10px;
				font-size:12px;
			}
				ul.product-details li span {
					color:#dfdfdf;
				}
		
		div#accordion-2 div div.touch-footer {
			background:#050505 url(../images/touch-footer-bg.jpg) no-repeat center bottom;
		}
		div#accordion-2 div div.pen-footer {
			background:#050505 url(../images/pen-footer-bg.jpg) no-repeat center bottom;
		}
		div#accordion-2 div div.pentouch-footer {
			background:#050505 url(../images/pentouch-footer-bg.jpg) no-repeat center bottom;
		}
	
		div.product-footer ul {
			float:left;
			list-style-type:none;
			width:65%;
		}
		div.touch-footer ul {
			padding-top:17px;
		}
		div.pen-footer ul {
			padding-top:12px;
		}
		div.pentouch-footer ul {
			padding-top:13px;
		}
			div.product-footer ul li {
				height:30px;
				background:url(../images/product-footer-link-bg.jpg) repeat-x;
				border-bottom:1px solid #171716;
				/*width:130px;*/
			}
			div.product-footer ul li h2 {
				text-transform:uppercase;
				color: yellow;
				padding:9px 0 0 12px;
			}
			div.product-footer ul li h2 a {
				color: yellow;
			}
		div.product-footer img {
			float:left;
		}
div.info-wrapper {
	float:left;
	width:90%;
	background:url(../images/bottom-info-bg.png) bottom center no-repeat;
	padding-bottom:10px;
	margin:0 0 0 15px;
}

div.detail-text {
	float:left;
	width:225px;
	margin:0 0 0 10px;
	padding:0 0 10px 0 !important;
	line-height:18px;
	
}
	div.detail-text h3 {
		border-top:none !important;
		color: yellow;
	}
div.detail-image {
	float:left;
	
}

div.detail-link {
	float:left;
	margin:0 0 15px 15px;
	background:url(../images/buy-link-bg.jpg) repeat-x;
	height:26px;
	width:90%;
	border:1px solid #171716;
}
	div.detail-link a {
				text-transform:uppercase;
				color: yellow;
				padding:5px 0 0 12px;
				float:left;
			}
			
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	font: normal 1em helvetica, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}