body {
	background-color: #f0f0f0;
	background-image: url(img/bggrad.jpg);
	background-repeat: repeat-x;
}

#greengrad {
	background-color: #000000;
	background-image: url(img/bggradient_color.jpg);
	background-repeat: repeat-x;
}

#ipodgrass {
	background-color: #f0f0f0;
	background-image: url(img/ipod_gen_main/gen_grass.jpg);
	background-repeat: repeat-x;
}
	
#twitter_div {
	text-align: left;
}

.sidebar-title {
	text-align: center;
}

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 : #880000;  <!-- 009933 / FF0000 / 880000 -->
	font-weight: bold;
}

H1 {
	color: #000000;
	font-weight: bold;
	font-size : 18px;
}

H3 {
	background-image: url(img/h3bar.jpg);
}

H5
{
	color: #FFFFFF;  <!-- green="#10E500" white="#FFFFFF" -->
}

input { 
	color: #004400; 
	font: normal 14px Comic Sans MS, Arial Black, Arial, Georgia; 
	font-weight: bold;
} 

textarea { 
	color: #004400; 
	font: normal 13px Comic Sans MS, Arial Black, Arial, Georgia; 
	font-weight: bold;
} 

.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: #FFFFFF;
	background-color: #000000;
}
.main A:link{color:#FFFFFF}
.main A:visited{color:FFFFFF}
.main A:hover{color:880000}

.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;
}





.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_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
}