@charset "utf-8";
/* CSS Document */

/* -------------------- Attributes ----------------------- */
body { 
	background-color: #909090;/* #808080; */
	padding: 0px; 
	margin: 0px; 
	margin-bottom: -30px; 
	width: 100%; 
	min-width: 900px; 
	min-height: 120%; 
	font-size: 10px;
}
a:link { color: #005; text-decoration: none; }/*text-decoration: none; }*/
a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #00A; }
a:active { text-decoration: none; color: #000; }
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
.small {
	font-size: .8em;
}
.medium {
	font-size: .9em;
}
hr {
	clear: both;
	border-bottom: #000 groove 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right-color: #999;
}
.troubleshooting {
	color:#900;
	font-weight: bold;
}

/* -------------------- Non-Scrolling Sides ----------------------- */
#left p {padding:0 10px;}
#left {
	position:absolute;
	left:0;
	top:0;
	padding:0;
	width: 44px;
	max-width: 44px;
	min-width: 44px;
	min-height: 900%; /* works only if parent container is assigned a height value */
	background-image:url(images/background_04.jpg);
	background-repeat: repeat-y;
	z-index: -10;
	position: fixed;
}
#right p {padding:0 10px;}
#right {
	position:absolute;
	right:0;
	top:0;
	padding:0;
	width: 44px;
	max-width: 44px;
	min-width: 44px;
	min-height: 7000px; /* works only if parent container is assigned a height value */
	background-image:url(images/background_07.jpg);
	background-repeat: repeat-y;
	z-index: -10;
	position: fixed;
}
/* -------------------- Menu & Logos ----------------------- */
#logo {
	position: fixed;
	float: left;
	left: 50px;
	top: 20px;

	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	line-height: 14px;
	
	z-index: 100;
}
	#home_logo { font-size: 36px; color: #808080; text-shadow: 0px 0px 4px #222; }
	#logo a:visited { text-decoration: none; }
	#logo a:hover { text-decoration: none; }
	#logo a span:hover { text-decoration: none; color: #898989; text-shadow: 0px 0px 4px #111;}
	.home_Capitals { font-size: 48px; }
#menu {
	position: fixed;
	float: left;
	left: 50px;
	top: 100px;
	
	width: 150px;
	max-width: 150px;
	min-width: 150px;

	height: auto;
	
	margin-bottom: 50px;
	
	z-index: 50;
	
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.2em;
	font-size: 1.7em;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	text-shadow: 1px 1px 1px #AAA;
	
	color: #000;
	/* */
}
	div#menu a { color: #333; }
	div#menu a:hover { color: #CCC; text-decoration: none; text-shadow: 1px 1px 1px #000;}
	#iPhoneRepair {
		position: fixed; /* absolute;*/
		left: 67px;
		top: 400px;
		background-image:url(images/griffinconcepts_iphonerepairlogo.png);
		background-repeat: no-repeat;
		width: 90px;
		height: 158px;
	}
	#verticlelogo {
		background-image: url(images/griffinconcepts_logoverticle_large_03.png);
		background-repeat: no-repeat;
		margin-left: 80px;
		z-index: 1;
		width: 142px;
		height: 861px;
		position: fixed; /* absolute;*/
		float: left;
		top: 20px;
	}
#button_area {
	margin-top: 12px;
}
#button_facebook {
	float: right;
	background-color: #074590;
	font-family: "lucida grande", Arial, Helvetica, sans-serif;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-left: 5px;
	display: inline-block;
	border: 1px solid #000;
	border-top: 1px solid #3775C0;
	border-left: 1px solid #3775C0;
}
#button_craigslist {
	float: right;
	background-color: #636;
	font-family: "Arial Unicode MS";
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-left: 5px;
	display: inline-block;
	border: 1px solid #000;
	border-top: 1px solid #969;
	border-left: 1px solid #969;
}
#button_ebay {
	float: right;
	background-color: #AAA;
	font-family: "Arial Unicode MS";
	color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-left: 5px;
	display: inline-block;
	border: 1px solid #000;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
/* -------------------- Page Headers ----------------------- */
#pageheader {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	width: 100%;
	min-width: 650px;
	height: 90px;
	position: absolute;
	background-color:#FFF;
	background-image: url(images/header_phone.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#headerSpacer {
	min-width: 550px;
	max-width: 90%;
	margin-top: 0px; 
	margin-bottom: 0px;
	border-bottom: #AAA solid 3px;
	position: relative;
	right: -75px;
}
#pageheader_content {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	
	
	bottom: 8px;
	right: 16px;
	
	text-align: right;
	min-width: 66%;
	width: 100%;
	margin-left: 40px;
	text-shadow: 1px 1px 1px #000;
}
/* -------------------- Content ----------------------- */
.contentArea {
	/*max-width: 100%;*/
	background-color: #DDD;
	
}
.content{
	margin-right: 67px;
	margin-left: 250px;
	position: absolute;
	min-width: 500px;

/*	left: 250px;*/
	top: 30px;

	font-size: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	
	z-index: 1000;
}
#footer {
	height: 50px;
	margin-top: -50px;
	position: relative;
}
/* -------------------- Contact Forms ----------------------- */
#leftFormContent {
	display: inline-block;
	width: 47%;
	min-width: 47%;
	max-width: 47%;
}
#rightFormContent {
	float: right;
	display: inline-block;
	width: 47%;
	min-width: 47%;
	max-width: 47%;
	margin-right: 10px;
}
.formExpandContent {
	display: none;
	width: 100%;
	min-width: 100%;
/*	background-color: #DDD;*/
}
	.formExpandContent_insidebox {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		width: 95%;
		min-width: 95%;
		max-width: 95%;
		padding-right: 5%;
		background-color: #AAA;
		margin-bottom: 1em;
	}
.graybox {
	margin-top: 4px;
	margin-bottom: 8px;
	background: #AAA;
	padding: 12px;
	padding-top: 6px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 97%;
	min-width: 97%;
	max-width: 97%;
	border: 3px;
	border-color: #000;
/*	border-top-width: 6px;
	border-top-color: #999;*/
}
#formTitles {
	font: Verdana, Geneva, sans-serif;
	/*font-weight: bold;*/
	font-size: 1.1em;
}
.formTitle {
	font: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}
.formTitle2 {
	font: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
}
div#formTitles a:hover {
	text-decoration: none;
	color: #CCC;
}
.closebox {
	position: relative;
	float: right;
	top:-30px;
}
#repairSubmit {
	font-size: 1.6em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 97%;
	min-width: 97%;
}
#required {
	float: right; 
	display: inline; 
	color: #900;
	font-weight: bold;
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	font-size: .8em;
	margin-left: 15px;
}
/* -------------------- Contact Forms ----------------------- */
.sampleBodyText {
	text-align: left;
	max-width: 1100px;
	min-width: 600px;
	background-color: #808080
}
.sampleBodyList {
	max-width: 250px;
	min-width: 250px;
	width: 250px;
	float: right;
}

#links {
	text-align: right;
	color:#666;
	float: right;
	max-width: 320px;
	width: 320px;
	display: inline-block;
	margin-top: 100px;
}

/* -------------------- Product Pages ----------------------- */
#product {
/*	min-width: 300px;
	position: absolute;
	*/margin-right: 20px;/*
	margin-left: 200px;
	top: 400px;
	display: none;*/
}
#product_header {
	text-align: right;
	margin-bottom: 40px;
	position: absolute;
	right: 300px;
	top: 80px;
}
#orderButton {
	background-color: #CCC;
	
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #AAA 1px solid;
	border-left: #AAA 1px solid;
	
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
	margin-bottom: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px #AAA 1px #333;
}
#orderButtonArea {
	display: inline-block;
	max-width: 150px;
	position: relative;
	top: -20px;
}
	a div#orderButton_small:hover { background-color: #EEE; text-decoration: none;}
#orderButton_small {
	background-color: #CCC;
	
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #AAA 1px solid;
	border-left: #AAA 1px solid;
	
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	margin-bottom: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px #AAA 1px #333;
}
.similarItemsButton {
	background-color: #CCC;
	
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #AAA 1px solid;
	border-left: #AAA 1px solid;
	
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	margin-bottom: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px #AAA 1px #333;
}
	div.similarTitemsButton a:visited { text-decoration: none; }
	div a similarTitemsButton:hover { color: #000; text-decoration: none; }
	#logo a span:hover { text-decoration: none; color: #898989; text-shadow: 0px 0px 4px #111;}

.button_small {
	background-color: #CCC;
	
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #AAA 1px solid;
	border-left: #AAA 1px solid;
	
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	margin-bottom: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px #AAA 1px #333;
	
	display: inline-block;
	max-width: 150px;
}
#orderArea {
	margin-top: 50px;
	
	float: right;		
}
#product_name {
	font-size: 22px; line-height: 18px;text-shadow: 1px 1px 1px #666;
}
#product_stock {
	text-shadow: 1px 1px 1px #666;
	font-size: 10px;
}
#product_device {
	color: #333;
}
#product_price_area {
	position: relative;
	top: -18px;
	left: 20px;
	float: left;
}
#product_price_main {
	color: #FFF;
	text-shadow: 1px 1px 1px black;
	font-size: 35px;
}
#product_price_order {
	color: #CCC;
	text-shadow: 1px 1px 1px black;
	font-size: 35px;
	position: relative;
	text-align: right;
	line-height: 20px;
}
.dollarsign {
	font-size: 16px;
	position: relative;
	left: 9px;
	top: -12px;
}
#product_details {
	min-width: 325px; 
	/*margin-right: 300px;*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #000;
	padding-top: 12px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 12px;
}
.product_LABELS {
	min-width: 100px;
	width: 100px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	padding-right: 6px;
	margin-right: 6px;
	text-align: right;
	display: inline-block;
	border-right: 1px solid #000;
}
#product_description {
	display: inline-block;
	text-align: left;
	line-height: 18px;
}
#product_info {
	position: absolute;
	top: 350px;
	left: 0px;
	margin-right: 300px;
}
#product product_info product_details strong {
	color: #F00;
}
#warranty_details {
	min-width: 300px; margin-right: 300px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #000;
	padding-top: 12px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 12px;
	margin-top: 15px;
	background-color:#EEE;
	padding-right: 10px;
}
#image_box {
	/*
	margin-top: 20px; 
	margin-left: 20px;
	float: right;
	display: inline-block;
	*/
	position: absolute;
	right: 0px;
	top: 100px;
	
	min-height: 900px;
	height: 100%;
}
.product_label {
	float: left;
	background-color: #FFF;
	
	margin: 10px;
	margin-left: 0px;
	padding:10px;
	
	height: 160px;
	min-width: 100px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
	text-align: center;
	display: inline-block;
}
.product_label_text {
	width: 90px;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	margin-top: 10px;
}
#tableofcontents {
	float: right;
	display: inline;
	max-width: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
	background-color: #A0A0A0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #000;
	line-height: 1.2em;
}
#causes {
	min-width: 300px; 
	/*margin-right: 300px;*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #000;
	padding: 10px;
	font-size: 12px;
	margin-top: 20px;
}
.product_symptom_LABELS {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 2px solid #666;
}
.subHeader {
	font-size: 9px; color: #333; position: relative; top: -10px;
}
/* -------------------- Pages ----------------------- */