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

/* -------------------- Attributes ----------------------- */
body { 
	background: #E0E0E3;
	
	background-image: url(images/background_fad_left.png);
	background-repeat: repeat-y;
	background-position: left;
	
	padding: 0px; 
	margin: 0px; 
	margin-bottom: -30px; 
	
	width: 100%; 
	max-width: 100%;
	min-width: 900px; 
	
	height: 100%;
	min-height: 101%; 
	
	padding-bottom: auto;
	font-size: 10px;
	
	/*border: 1px solid #0F0;*/
}
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;*/
	/*display: none;*/
	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: 23px;

	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; }
	div#menu a { color: #333; }
	div#menu a:hover { color: #CCC; text-decoration: none; text-shadow: 1px 1px 1px #000;}
	#iPhoneRepair {
		position: fixed; 
		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; 
		float: left;
		top: 20px;
	}

#button_area {
	margin: 12px;
	height: 30px;
}
#button_facebook {
	float: right;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	background-color: #074590;

	border: 1px solid #000;
	border-top: 1px solid #3775C0;
	border-left: 1px solid #3775C0;

	padding: 5px;
	padding-top: 8px;
	margin-left: 5px;
	padding-bottom: 0px;
	
	color: #FFF;
	font-family: "lucida grande", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	
}
#button_craigslist {
	float: right;
	background-color: #636;
	font-family: "Arial Unicode MS";
	color: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	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;
	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;
}

#menu_items {
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-shadow: none;
	text-align: left;
	line-height: 1.2em;
	text-decoration: none;

}
.linkbox1 {
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #FFF;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #999;
	border-right-color: #666;
	border-bottom-color: #666;
}
.textbox1 {
	max-width: 260px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #EEE;
	padding: 10px;
	margin-top: 10px;
	border: 2px solid  #BBB;
	border-top-color:#666;
	border-left-color: #666;
	font-family: Verdana, Geneva, sans-serif;
}
/* -------------------- Page Header Bar ----------------------- */
#pageheader {
	width: auto;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	min-width: 650px;
	height: 90px;
	
	/*margin: 10px;
	/*margin-left: 300px;*/
	margin-bottom: 20px;
	
	background-color:#FFF;
	background-image: url(images/header_phone.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	border: 2px solid  #BBB;
	border-top-color:#666;
	border-left-color: #666;
	
}
#headerSpacer {
	max-width: 100%;
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 26px;
	
	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: relative;
	top: 8px;
	right: 16px;
	
	text-align: right;
	min-width: 66%;
	margin-left: 40px;
	text-shadow: 1px 1px 1px #000;
}
#banner_home {
	height: 75px;
	width: 650px;
	margin: 12px;
	margin-left: 0px;
	background-image: url(../images/banners/Southwest_Missouri_iPhone_Repair_Springfield.png);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	top: -10px;
}
/* -------------------- Content ----------------------- */
.contentArea {
	/*max-width: 100%;*/
	background-color: #DDD;
	width: auto;
	border: 1px dashed #00F;
	
}
#content{
	/*
	position: inherit;
	display: inline;
	top: 0px;
	left: 0px;
	*/
	position: absolute;
	top: 0px;
	left: 290px;
	width: auto;
	min-width: 600px;
	max-width: 100%;
	
	
	height: 100%;
	/*min-width: 500px;
	min-width: 100%;*/
	
	background-image:url(images/background_fad_left.png);
	background-repeat: repeat-y;
	background-position: left;

	margin-bottom: auto;
	margin-right: 10px;
	/*margin-left: 290px;*/
	
	padding-top: 30px;
	padding-left: 15px;
	padding-right: auto;
	
	border: 1px solid #F00;
	border-left: 2px solid #AAA;
	
	/*background: #D5D5D5;*/

	font-size: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	
	z-index: 1000;
}
#new_page_content {
	position: absolute;
	left: 300px;
	top: 30px;
	padding-bottom: 50px;
	padding-right: 10px;
	padding-left: 5px;
	
	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;
		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: #CCC;
	padding: 12px;
	padding-top: 6px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	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;
	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: 330px;
	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;
	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;
	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;
	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;
	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 {
	float: right;		
	margin-top: 50px;
	margin-right: 10px;
}
#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-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-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;
	*/
	float: right;
	/*
	position: absolute;
	right: 0px;
	top: 100px;
	*/
	position: relative;
	top: 10px;
	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;
	border-radius: 8px;
	
	text-align: center;
	display: inline-block;
}
.mini_device_label {
	float: left;
	background-color: #FFF;
	
	margin-right: 10px;
	padding:10px;
	padding-left: 3px;
	padding-right: 3px;
	
	height: 42px;/*142px;*/
	min-width: 30px;/*75px;*/
	
	border-top: 10px solid #FFFFFF;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	text-align: center;
	display: inline-block;
	background-position: center top;
	background-repeat: no-repeat;
}
.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-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-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 ----------------------- */

div#menu a:hover { color: #CCC; text-decoration: none; text-shadow: none;}

#applelogo {
	
}
#iPhoneRepair {
	position: absolute; /* absolute;*/
	left: -65px;
	top: -14px;
	background-image:url(images/Broken_Apple_Springfield_iPhone_Repair_small.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 66px;
}
#logo {
	position: absolute;
	left: 80px;
	top: 15px;
	font: Arial, Helvetica, sans-serif;
	display: inline-block;
	margin-bottom: 5px;
}
	#home_logo { font-size: 2.2em; color: #000; text-shadow: 0px 0px 4px #CCC; }
	#logo a:visited { text-decoration: none; }
	#logo a:hover { text-decoration: none; }
	#logo a span:hover { text-decoration: none; color: #000; text-shadow: 0px 0px 4px #6CF;}
	.home_Capitals { font-size: 1.2em; }
#page {
	width: 100%; min-height: 100%; padding-bottom: auto;
}
#page_content {
	height: 100%;
	/*width: auto;	*/
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: auto;
	margin-left: 300px;
	z-index: 1000;
	
	display: inline-block;
	
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}