@charset "UTF-8";

/*
 * @source		Global PCQuikFix Site CSS Style
 * @filename 	globa.css
 * @author 		Jordan Steinberg
 * @created		Oct 4, 2009
 * @revision	Oct 17, 2009
 * @copyright	Jordan Steinberg, PCQuikFix
 * 
 * Table of Contents
 	
 1.  Generic and Global Definitions
 2.  Main Structural Definitions
 3.  Header Content Definitions
 4.  Footer Content Definitions
 5.  Top Menu Definitions
 6.  Sidebar Definitions
 7.  Repair Form Definitions
 8.  Global Content Area Definitions
 9.  Breadcrumb Definitions
 10. Computer Repair Page Definitions
 11. iPod Pages Definitions
 		11a. iPod Services and Repair Page Defitions
 12. Video Game Console Repair Pages Definitions
 		12a. Global Video Game Console Repair Page Definitions
 		12b. XBox360 Page Definitions
 13. BlackBerry Pages Definitions
 		13a. BlackBerry Services and Repair Page Definitions
 14. About Page Definitions
 15. Contact Page Definitions
 16. Testimonial Page Definitions
 17. Newsletter Page Definitions
 18. Help Page Definitions
 19. Site Map Definitions
 */
 
 
/* 1.  Generic and Global Definitions */
  
html, body{
	margin: 0;
	padding: 0;
}

body{
	background: url('../../images/background.png') repeat-x #4c4c4c;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 0.9em;
	color: #111;
}

a:link, a:visited{
	color: #721e01;
}

a:hover{
	color: #f00;
}

.clear{
	clear: both;
}

.hidden{
	display: none;
}

.center{
	text-align: center;
}

address{
	text-align: center;
	font-style: normal;
	font-size: 1em;
	margin: 1.5em 0;	
}

hr{
	margin: 2em 0;
}


/* 2.  Main Structural Definitions */

div#header, div#topMenu, div#breadcrumbs, div#content{
	width: 923px; 
	margin: 0 auto;
	padding: 0;
}

div#header{
	height: 129px;
	background: url('../../images/headerBackground.gif') no-repeat center 100px;
}

div#content{
	background: url('../../images/contentBackground.gif') repeat-y #fff; 
	border-left: 1px #000 solid; 
	border-right: 1px #000 solid; 
	border-bottom: 4px #474747 solid;
	padding-bottom: 0;
	z-index: 1;
}

div#content div#leftPanel{
	display: block;
	float: left;
	width: 610px;
	padding-bottom: 1em;
}

div#footer{
	width: 100%; 
	background: #e7e7e7; 
	padding: 0.2em 0;
}


/* 3.  Header Content Definitions */

div#header img#logo, div#header img#headerConsoles{
	display: block; 
	float: left; 
	border: 0 none; 
	margin: 15px 0 10px 0;
}

div#header img#logo{
	width: 340px;
	height: 70px;
}

div#header img#headerConsoles{ 
	float: right;
	width: 479px;
	height: 75px;
}

div#header img.socialIcon{
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	margin: 5px -8px 0 15px;
	border: 0 none;
}

/* 4.  Footer Content Definitions */

div#footer p{
	text-align: center; 
	font-size: 0.7em; 
	margin: 0.2em 0;
}

div#footer p#bottomMenu{
	font-size: 0.75em;	
}

div#footer a:link, div#footer a:visited{
	color: #000;
	text-decoration: none;
}

div#footer a:hover{
	color: #f00;
	text-decoration: underline;
}

div#footer img#w3c{
	display: inline;
	border: 0 none;
}


/* 5.  Top Menu Definitions */

div#topMenu{ 
 	height: 31px; 
 	position: relative;
}

div#topMenu ul, div#topMenu ul li, div#topMenu ul ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#topMenu ul{
	position: relative;
	z-index: 597;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

div#topMenu ul li{
	float: left;
	vertical-align: middle;
	zoom: 1;
	padding: 0;
	margin: 0 10px;
	background-color: transparent;
	color: #fff;
	line-height: 31px;
}

div#topMenu ul li div{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 179px;
	background: #f8f4ef;
	color: #000;
	text-transform: none;
	border-left: 5px #e4b87b solid;
	border-right: 5px #e4b87b solid;
}

div#topMenu ul li:hover div{	
	visibility: visible;
}

div#topMenu ul li div img.menuBottom{
	position: absolute;
	bottom: -6px;
	left: -5px;
	visibility: hidden;
	width: 189px;
	height: 6px;
	border: 0 none;
	z-index: 600;
}

div#topMenu ul li.hover div img.menuBottom, div#topMenu ul li:hover div img.menuBottom{
	visibility: visible;
}

div#topMenu ul li.hover, div#topMenu ul li:hover{
	position: relative;
	z-index: 599;
	cursor: default;
}

div#topMenu ul ul{	
	width: 179px;
	margin: 0;
	padding: 0;
}

div#topMenu ul ul li{
	float: none;
	margin: 0;
	background-color: transparent;
	color: #000;
	line-height: 16px;
	padding: 5px 0;
}

div#topMenu ul a:link, div#topMenu ul a:visited{ 
	color: #382f2d; 
	text-decoration: none;
}

div#topMenu ul a:hover{
	color: #382f2d;
	text-decoration: none;
}

div#topMenu ul a:active{ 
	color: #fff; 
}

div#topMenu ul ul li.hover, div#topMenu ul ul li:hover{
	background-color: #e1d5bb;
}

div#topMenu ul ul a:link, div#topMenu ul ul a:visited{ 
	color: #382f2d;
	font-size: 8pt;
	padding: 4px 5px 4px 14px;
	width: 150px; /* Especially for IE */
}

div#topMenu ul ul a:hover{
	text-decoration: none;	
}

div#topMenu ul li a{
	display: block;
	padding: 0 17px;
}

div#topMenu ul li:hover a.dir {
	color: #000;
}

div#topMenu ul ul li:hover a.dir {
	background-color: #0064b5;
	color: #fff;
}


/* 6.  Sidebar Definitions */

div#content div#sidebar{
	background: transparent;
	width: 300px; 
	float: right; 
	margin: 0; 
	padding: 0;
	margin-bottom: -4px;
}

div#content div#sidebar h1{
	background: url('../../images/sidebarHeaderBackground.gif') repeat-x #e0e0e0;
	width: 100%;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	text-indent: 5px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #343436;
	text-shadow: 1px 1px 1px #fbfbfd;
	margin: 0;
	padding: 0;
	border: 1px #8d8d8d solid;
	border-width: 1px 0;
}

div#content div#sidebar h2{
	background: #d0d0d0;
	width: 100%;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	text-indent: 5px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #773436;
	margin: 0;
	padding: 0;
	border: 1px #8d8d8d solid;
	border-width: 0 0 1px 0;
}

div#content div#sidebar a#howsThisWork{
	display: block; 
	float: right; 
	line-height: 28px; 
	margin-right: 0.5em;
	font-size: 0.8em;	
}

div#content div#sidebar hr{
	margin: 0.5em 0;	
}

div#content div#sidebar a#captchaReload:link, div#content div#sidebar a#captchaReload:visited{
	font-size: 0.8em;
	display: block;
	width: 1em;
	white-space: nowrap;
	text-decoration: none;
	margin-bottom: 0.2em;
}

div#content div#sidebar a#captchaReload:hover{
	text-decoration: underline;
}

div#content div#sidebar img#video{
	width: 300px;
	height: 168px;
	border: 0 none;
}

div#content div#sidebar img.bannerImage{
	width: 300px;
	height: 160px;
	border: 0 none;
}


/* 7. Repair Form Definitions */

div#content div#repairFormWrapper form fieldset{
	margin: 0.5em;
	border: 0 none;
}

div#content div#repairFormWrapper form label, div#content div#repairFormWrapper p{
	font-size: 0.7em;
	display: block;
	margin: 1em 0 0 0;
}

div#content div#repairFormWrapper form label img{
	width: 11px;
	height: 11px;
	border: 0 none;
}

div#content div#repairFormWrapper form fieldset input, div#content div#repairFormWrapper form select, div#content div#repairFormWrapper form textarea{
	display: block;
	margin: 0.1em 0 0.2em 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 0.8em;
	border: 1px #8d8d8d solid;
	background: url('../../images/formbg.gif') repeat-x #f7f7f7;
	color: #222;
}

div#content div#repairFormWrapper form fieldset input:focus, div#content div#repairFormWrapper form select:focus, div#content div#repairFormWrapper form textarea:focus{
	background: #fff;
	border: 1px #6d6d6d solid;
	color: #000;
}

div#content div#repairFormWrapper form fieldset input, div#content div#repairFormWrapper form textarea{
	width: 260px;

}

div#content div#repairFormWrapper form fieldset input.medium{
	width: 110px;
}

div#content div#repairFormWrapper form fieldset input.small{
	width: 45px;
}

div#content div#repairFormWrapper form div.buttons{
	text-align: center;
	margin-bottom: 1em;
}


div#content div#repairFormWrapper form div.fieldFloat{
	display: block;
	float: left;
	margin-right: 1em;
}

div#content div#repairFormWrapper form div.fieldFloat input, div#content div#repairFormWrapper form div.fieldFloat select{
	display: inline;
}

div#content h1.shipSlip{
	background: #d0d0d0; 
	font-weight: bold; 
	font-size: 1em; 
	margin-top: 1.5em; 
	padding: 0.2em;
	color: #000;
}


/* 8.  Global Content Area Classes */

div#content h1{
	margin: 1em 0.7em; 
	font-size: 1.2em; 
	font-family: arial, helvetica, verdana, sans-serif; 
	font-weight: bold; 
	color: #731e01;
}

div#content h2{
	margin: 1.5em 1em 0.5em 1em;
	font-size: 0.9em;
	font-weight: bold;
	color: #731e01;
}

div#content h2.guideHeader{
	margin-left: 2em;
}

div#content h3{
	margin: 1em 1em 0.5em 1em;
	font-size: 0.8em;
	font-weight: bold;	
}

div#content p{
	margin: 1em;
	font-size: 0.8em;
	line-height: 1.5em;
}

div#content ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1.5em;
}

div#content ul li{
	font-size: 0.8em;
	padding: 0.2em 0;
}

div#content ul li p{
	font-size: 1em;
	margin: 0.2em 0;
}

div#content p.note{
	font-size: 0.7em;
}

div#content a.pdf:link, div#content a.pdf:visited{
	display: block;
	text-indent: 30px;
	height: 20px;
	line-height: 20px;
	background: url('../../images/pdf.gif') center left no-repeat;
	width: 30px;
	white-space: nowrap;
}

div#content div#servicesImageContainer, div#content div#servicesImageContainer img{
	margin: 0;
	width: 923px;
	height: 333px;
	border: 0 none;
}

div#content div#servicesImageContainer{
	border-bottom: 1px #8d8d8d solid;
	margin-bottom: -1px;
}

div#content ul.iconList{
	clear: both;
	margin: 1em 0;
}

div#content ul.iconList li{
	display: block;
	float: left;
	text-align: center;
	margin: 0.5em;
}

div#content ul.iconList li img{
	border: 0 none;
	display: inline;
}

div#content ul.guideList li, div#content ul.homeList li{ 
	margin: 0 5px;
	padding: 1em 0;
}

div#content ul.guideList li img{
	width: 124px;
	height: 204px;
}

div#content ul.homeList li img{
	width: 250px;
	height: 142px;
}

div#content ul.guideList li p, div#content ul.homeList li p{
	margin: 0;
	font-size: 1.2em;
	line-height: 1em;
}

div#content ul.guideList li a:link, div#content ul.guideList li a:visited, div#content ul.homeList li a:link, div#content ul.homeList li a:visited{
	font-family: arial, helvetica, verdana, sans-serif; 
	font-weight: bold; 
	color: #721e01; 
	font-size: 0.8em; 
	text-decoration: none;
}
	
div#content ul.guideList li a:hover, div#content ul.homeList li a:hover{
	text-decoration: underline;
}


/* 9.  Breadcrumb Definitions */

div#breadcrumbs{
	width: 923px;
	height: 28px;	
	padding: 0;
	background: url('../../images/headerBackground.gif') no-repeat center -40px #fff;
	border-left: 1px #000 solid; 
	border-right: 1px #000 solid;
}

div#breadcrumbs ul{
	float: left;
	display: block;
	list-style-type: none;
	margin: 0.4em 1.5em;
	padding: 0;
}

div#breadcrumbs ul li{
	display: block;
	float: left;
	margin: 0;
	padding: 0 0.8em 0 0;
	font-size: 0.75em;
	font-weight: bold;
	color: #0064b5;
}

div#breadcrumbs ul li.leadIn{
	color: #333;
}

div#breadcrumbs ul li.nonLink{
	color: #000;
	font-weight: normal;
}

div#breadcrumbs ul a:link, div#breadcrumbs a:visited{
	color: #0064b5;
	font-weight: bold;
	text-decoration: none;
}

div#breadcrumbs ul a:hover{
	text-decoration: underline;
}

div#content hr.breadcrumb{
	margin: 0.2em 0 0 0.2em;
	height: 0px;
	border: 0 none;
	border-top: 1px #c0c0c0 solid;
}

/* 10.  Computer Repair Page Definitions */

div#content ul#computerServicesList li img{
	width: 90px;
	height: 60px;	
}


/* 11. iPod Pages Definitions */

/* 11a. iPod Services and Repair Page Definitions */

div#content img#ipodLineup{
	display: block; 
	margin: 0 auto; 
	margin-top: 2em; 
	margin-bottom: 2em;
	border: 0 none;
	width: 519px;
	height: 100px;
}

div#content img#madeForIpod{
	display: block; 
	margin: 1em 1em 2em 1em; 
	border: 0 none; 
	width: 257px; 
	height: 100px;	
}


/* 12. Video Game Console Repair Pages Definitions */

/* 12a. Global Video Game Console Repair Page Definitions */

div#content hr#consoleSeparator{
	margin: 2em 0 3em 1%;
	width: 98%;
}

div#content ul#consoleMenu li{ 
	margin: 0 7px;
}

div#content ul#consoleMenu img{
	width: 100px;
	height: 70px;
}

div#content img#squaretrade{
	display: block;
	margin: 1em;
	border: 0 none;
	width: 521px;
	height: 1178px;
}

div#content table.priceList{
	margin: 0.5em 0 0.5em 1.5em;
}

div#content table.priceList th, div#content table.priceList td{
	padding: 0.1em 2em 0.1em 0;
	font-size: 0.9em;
}

div#content ul.priceList{
	width: 30em;
}

div#content ul.priceList li div{
	float: right;
}

div#content img#ps3Logo, div#content img#pspLogo, div#content img#xbox360Logo, div#content img#dsliteLogo, div#content img#wiiLogo{
	display: block;
	margin: 2em 1em;
	border: 0 none;	
}

div#content img#ps3Logo{
	width: 400px;
	height: 34px;
}

div#content img#pspLogo, div#content img#dsliteLogo, div#content img#wiiLogo{
	width: 356px;
	height: 65px;
}

div#content img#xbox360Logo{
	width: 458px;
	height: 156px;	
}

div#content img#ps3, div#content img#xbox360, div#content img#wii, div#content img#psp, div#content img#dslite{
	display: block;
	margin: 2em 0 0 1em;
	border: 0 none;
}

div#content img#ps3{
	width: 469px;
	height: 360px;	
}

div#content img#xbox360{
	width: 433px;
	height: 335px;	
}

div#content img#wii{
	width: 429px;
	height: 335px;	
}

div#content img#psp{
	width: 500px;
	height: 201px;
}

/* 12b. XBox 360 Page Definitions */

div#content ul#rrod li{
	margin: 1em 0;
}

div#content ul#rrod li img{
	display: block;
	float: left;
	width: 80px;
	height: 82px;
	border: 0 none;
	margin: 0 1em 1em 0;
}

div#content ul#rrod li h4{
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.8em 0;
}


/* 13. BlackBerry Pages Definitions */

/* 13a. BlackBerry Services and Repair Page Definitions */

div#content img#blackberryLineup{
	display: block; 
	margin: 0 auto; 
	margin-top: 2em; 
	margin-bottom: 2em;
	border: 0 none;
	width: 590px;
	height: 100px;
}

div#content img#blackberryLogo{
	display: block; 
	margin: 1em 1em 2em 1em; 
	border: 0 none; 
	width: 266px;
	height: 58px;
}


/* 14. About Page Definitions */

div#content object#flowplayer{
	display: block;
	width: 400px;
	height: 290px;
	border: 0 none;
	margin: 0 auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

div#content ul#aboutGallery li img{
	width: 117px;
	height: 88px;
	border: 1px #000 solid;
}

div#content img#membershipLogos{
	display: block;
	margin: 0 auto;
	border: 0 none;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 580px;
	height: 67px;
}


/* 15. Contact Page Definitions */

div#content a#directions{
	display: block;
	margin: 0 auto;
	margin-top: 1em;
	width: 375px;
	height: 210px;
}

div#content a#directions img{
	width: 375px;
	height: 210px;
	border: 1px #000 solid;	
}

div#content div#contactResponse{
	width: 390px;
	background: #e0e0e0;
	border: 2px #a0a0a0 solid;
	color: #000;
	margin: 0 auto;
	margin-top: 2em;
	padding: 1em;
}

div#content div#contactResponse h3.error, div#content div#contactResponse ul.error li{
	color: #009;
}

div#content div#contactForm{
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 390px;
	text-align: center;
}

div#content div#contactForm label{
	display: block;
	float: left;
	width: 8em;
	margin: 0.2em 0;
	text-align: left;
	
}

div#content div#contactForm input, div#content div#contactForm select, div#content div#contactForm textarea{
	display: block;
	float: left;
	width: 17em;
	margin: 0.2em 0 0.2em 1em;
	font-size: 1em;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #555;
	border: 1px #000 solid; 
}

div#content div#contactForm textarea{
	height: 7em;
}


/* 16. Testimonial Page Definitions */

div#content div.testimonial h2, div#content div.testimonial h3{
	font-size: 0.8em;
	line-height: 1em;
	color: #000;
	margin: 0.5em 1em;
}

div#content div.testimonial h2{
	margin-top: 1em;
}

div#content div.testimonial p{
	font-style: italic;
}


/* 17. Newsletter Page Definitions */

div#content ul#newsletter{
	margin-top: 1.5em;	
}

div#content ul#newsletter li{
	padding-bottom: 1em;
}


/* 18. Help Page Definitions */

div#content img#office{
	display: block;
	margin: 0 auto;
	margin-top: 3em;
	width: 375px;
	height: 210px;
	border: 1px #000 solid;
}

/* 19. Site Map Definitions */

div#content ul#sitemap{
	list-style-type: none;
}

div#content ul#sitemap li{
	font-size: 0.8em;
}

div#content ul#sitemap li ul{
	list-style-type: disc;
	margin: 0.5em 0 1em 0.5em;
}

div#content ul#sitemap li ul li{
	font-size: 1em;
}