body {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

.bluebar {
	font-weight: none;
	color:#FFFFFF;
	text-align: center;
	font-size:16px;
	font-family: Helvetica, Sans-Serif, Georgia, Arial, Times, Times New Roman;
	padding: 5px;
}

.box_content {
	font-family: Helvetica, sans-serif, tahoma, georgia;
	font-size:12px;
	padding: 10px;
	color:#000000;
}
.box_content A:link{color:#000000}
.box_content A:visited{color:000088}
.box_content A:hover{color:0000CC}


.box_content_main {
	font-family: Helvetica, sans-serif, tahoma, georgia;
	font-size:14px;
	padding: 10px;
}

.plus {
	color:#009900;
	font-size:14px;
	font-weight: bold;
	text-align:left;
}
.minus {
	color:#FF0000;
	font-size:14px;
	font-weight: bold;
	text-align:left;
}
.question {
	color:#000000;
	font-size:16px;
	font-weight: bold;
}
.answers {
	color:#000000;
	font-size:12px;
	font-weight: none;
}
.answertext {
	color:#000000;
	font-size:14px;
	font-weight: none;
	font-family: Helvetica, Sans-Serif, Georgia, Arial, Times, Times New Roman;
	padding-right:0px;
	padding-left:0px;
}

.price {
	color:#008800;
	font-size:16px;
	font-family: Times New Roman, Helvetica, Sans-Serif, Georgia, Arial, Times, Times New Roman;
	font-weight: bold;
}

.partname {
	color:#000000;
	font-size:18px;
	font-family: Times New Roman, Helvetica, Sans-Serif, Georgia, Arial, Times, Times New Roman;
	font-weight: bold;
}


.menu_select {
	color:#FFFFFF;
}
.menu_non {
	color:#000000;
}
img {
	border-style: none;
}

td {
	text-align: left;
	vertical-align: top;
	font-family:Tahoma;
	font-size:12px;
	color:#000000;
}

form
{
	margin:0px;
}

a {
	font-weight: bold;
	color:#000000;
}

A:Hover  {
	color : #000088; 
	font-weight: bold;
}

H1 {
	color: #000000;
	font: Times, Times New Roman, Serif, Georgia, Arial; 
	font-weight: bold;
	font-size : 18px;
}

H2 {
	color: #000000;
	font: Times, Georgia, Arial; 
}

H3 {
	background-image: url(img/h3bar.jpg);
	font: Times, Georgia, Arial; 
}

H4 {
	font: Times, Georgia, Arial; 
}

H5
{
	color: #FFFFFF;  <!-- green="#10E500" white="#FFFFFF" -->
	font: Times, Georgia, Arial; 
}

input { 
	color: #000000; 
	font: normal 12px Helvetica, Arial, Times, Georgia; 
	font-weight: none;
} 

textarea { 
	color: #000000;  <!-- 004400 -->
	font: normal 12px Helvetica, Arial, Times, Georgia; <!-- Comic Sans MS,  -->
	font-weight: none;
} 

.fontbody {
	font: normal 14px Times, Times New Roman, Arial Black, Arial, Georgia; 
}
.orange
   {
   background-color:#EE5500;
   color:white;
   }
.orange A:link{color:white}
.orange A:visited{color:yellow}
.orange A:active{color:fuchsia}

.main {
	color: #000000;
	background-color: #000000;
}
.main A:link{color:#0000CC}
.main A:visited{color:000088}
.main A:hover{color:880088}

.reg {
	color: #000000;
	background-color: #FFFFFF;
}
.reg A:link{color:#880000}
.reg A:visited{color:880000}
.reg A:hover{color:880000}

.black {
	color: #000000;
}
.black A:link{color:000000}
.black A:visited{color:000000}
.black A:hover{color:880000}

.white {
	color: #FFFFFF;
}
.white A:link{color:FFFFFF}
.white A:visited{color:FFFFFF}
.white A:hover{color:FFFFFF}

.footer {
	color: #FFFFFF;
}

.big {
	font-size : 18px;
	font-weight : bold;
}

.error {
	font-size : 18px;
	font-weight : bold;
	color:FF0000;
}

.title1 {
	color:#008800;
	font-size:20px;
	font-family: Helvetica, Sans-Serif, Georgia, Arial, Times, Times New Roman;
	font-weight: bold;
}

.question1 {
	color:#000000;
	font-size:16px;
	font-family: Helvetica, Sans-Serif, Georgia, Arial, Times, Times New Roman;
	font-weight: bold;
}

.answer1 {
	color:#000000;
	font-size:12px;
	font-family: Helvetica, Sans-Serif, Georgia, Arial, Times, Times New Roman;
	font-weight: none;
	padding-left:0px;
}
.answer2 {
	color:#000000;
	font-size:14px;
	font-family: Times, Times New Roman;
	font-weight: none;
	padding:10px;
	padding-left:10px;
	border: 1px solid #008800;
}
.num_answers_green {
	color:#000000;
	font-size:14px;
	font-family: Times, Times New Roman;
	font-weight: bold;
	background-color: #CCFFCC;
	padding-left:10px;
	border: 1px solid #008800;
}
.num_answers_red {
	color:#000000;
	font-size:14px;
	font-family: Times, Times New Roman;
	font-weight: bold;
	background-color: #FFCCCC;
	padding-left:10px;
	border: 1px solid #880000;
}


.textform {
font: 16px normal arial;
background-color: #FFFFFF; <!-- E4F8FA -->
font: normal 12px Helvetica, arial,verdana;
padding: 3px;
border: 0px solid #FFFFFF; <!-- CAE4FF -->
}

.textform #txtbox {
font: bold 16px Helvetica, arial;
color: #008800;
}




<!-- START FOR LOGIN SCRIPTS *** -->


.forms {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;

border: 1px solid #CAE4FF;
}
.myaccount {
background-color: #FFFFFF;
font: normal 14px Helvetica, Sans-Serif, Georgia, Arial;
padding: 2px 5px;
border: 1px solid #FFFFFF;

}



.main {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;

 }
 
 .titlehdr {
 font: normal 22px arial, verdana;
 color: #0000CC;
 border-bottom: 1px solid #c00;
 
 
 }
 
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 10px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 16px normal arial;
background-color: #FFFFFF; <!-- E4F8FA -->
font: normal 12px arial,verdana;
padding: 3px;
border: 0px solid #FFFFFF; <!-- CAE4FF -->
}

.loginform #txtbox {
font: bold 16px arial;
color: #0000CC;
}

<!-- END FOR LOGIN SCRIPTS *** -->





































.roll_screen
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/broken_screen_choice_color.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 300px;
margin: 0;
padding: 0;
}

.roll_screen a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 300px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_screen img
{
width: 200px;
height: 300px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_screen a:hover img
{
visibility:hidden
}




.roll_other
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/other_repair_diagnose_color.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 300px;
margin: 0;
padding: 0;
}

.roll_other a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 300px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_other img
{
width: 200px;
height: 300px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_other a:hover img
{
visibility:hidden
}

.big {
	font-size : 18px;
	font-weight : bold;
}







.roll_gen_classic
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/ipod_gen/gen_classic_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 75px;
height: 75px;
margin: 0;
padding: 0;
}

.roll_gen_classic a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 300px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_gen_classic img
{
width: 75px;
height: 75px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_gen_classic a:hover img
{
visibility:hidden
}


.roll_main_1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/main_1_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 200px;
margin: 0;
padding: 0;
}

.roll_main_1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 200px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_main_1 img
{
width: 200px;
height: 200px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_main_1 a:hover img
{
visibility:hidden
}


.roll_main_2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/main_2_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 200px;
margin: 0;
padding: 0;
}

.roll_main_2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 200px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_main_2 img
{
width: 200px;
height: 200px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_main_2 a:hover img
{
visibility:hidden
}


.roll_main_3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/main_3_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 200px;
margin: 0;
padding: 0;
}

.roll_main_3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 200px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_main_3 img
{
width: 200px;
height: 200px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_main_3 a:hover img
{
visibility:hidden
}


.roll_main_repair
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/main_btn_ipod_repair_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_main_repair a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_main_repair img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_main_repair a:hover img
{
visibility:hidden
}





.roll_main_self
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/main_btn_self_fix_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_main_self a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_main_self img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_main_self a:hover img
{
visibility:hidden
}




.roll_main_contact
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/main_btn_contact_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_main_contact a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_main_contact img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_main_contact a:hover img
{
visibility:hidden
}












.roll_diag_screen
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/diagnostics/problems_screen_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_diag_screen a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_diag_screen img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_diag_screen a:hover img
{
visibility:hidden
}



.roll_diag_connect
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/diagnostics/problems_connect_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_diag_connect a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_diag_connect img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_diag_connect a:hover img
{
visibility:hidden
}




.roll_diag_audio
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/diagnostics/problems_audio_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_diag_audio a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_diag_audio img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_diag_audio a:hover img
{
visibility:hidden
}





.roll_diag_playback
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/diagnostics/problems_playback_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_diag_playback a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_diag_playback img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_diag_playback a:hover img
{
visibility:hidden
}




.roll_diag_battery
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/diagnostics/problems_battery_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_diag_battery a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_diag_battery img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_diag_battery a:hover img
{
visibility:hidden
}





.roll_diag_other
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/diagnostics/problems_other_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}

.roll_diag_other a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 150px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_diag_other img
{
width: 150px;
height: 150px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_diag_other a:hover img
{
visibility:hidden
}



.roll_print_ship
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(img/print-ship-usps-over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 220px;
height: 25px;
margin: 0;
padding: 0;
}

.roll_print_ship a
{
display: block;
color: #000000;
font-size: 11px;
width: 220px;
height: 25px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.roll_print_ship img
{
width: 220px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.roll_print_ship a:hover img
{
visibility:hidden
}