/* WiiCoatStyle.css 
   Written by Brandon Heuser
   January 2007         
*/

html{
height: 100%;
margin: 0;
padding: 0;
border: none;
}

body{
background-image: url(images/pagebg2.jpg);
background-repeat: repeat-y;
height: 100%;
margin: 0;
padding: 0;
border: none;}

li{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;}

/* Define link styles */
a:link{
color: #000000;  
text-decoration: none;
font-weight: bold; 
}

a:visited{
color: #333333;  
text-decoration: none;
font-weight: bold; 
}

a:hover{
color: #FFFFFF; 
text-decoration: underline; 
font-weight: bold; 
}

a:active{
color: #ffffff; 
text-decoration: underline;
font-weight: bold; 
}

blockquote{
font-style: italic;
font-weight: bold;
color: #ffffff;
}

h3{
font-size: 15px;
}

h1{
font-size: 30px;
color: #444444;
}

h1.two{
font-size: 30px; 
color:#ffffff; 
}

h2{
font-size: 20px;
color: #FFFFFF;
}

/* bold first line of paragraphs */
p.step:first-line{font-weight: bold;}

table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#fullheight{
height: 100%;
}

/* table format for sales items*/
table.sales{
position: absolute;
top: 0px;
left: 35px;
width: 640px;

border: #000000;
border-collapse: collapse;
border-width: 0px;
border-spacing: 0px;
padding: 0px;

text-align: justify;
font-size: 12px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.vtop{
vertical-align: top;
}

img{
border:none;
}

/* Define style for fineprint*/
.fineprint{
text-align: center;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Object Placement */
#content {
background-color: #17B8E6;
position: absolute;
top: 113px;
left: 80px;
width: 700px;
height: 100%;
}

#header{
position: absolute;
top: 0px;
left: 80px;
z-index: 0;
}

#headtext1{
position: absolute;
left: 135px;
top:28px;
z-index: 1;
}

#headtext2{
position: absolute;
left: 225px;
top: 39px;
z-index: 2;
}

#headtext3{
position: absolute;
left: 230px;
top: 63px;
z-index: 3;
}

#headtext4{
position: absolute;
left: 110px;
top: 41px;
z-index: 1;
}

#step1{
position: absolute;
left: 120px;
top: 135px;
width: 300px;
height: 250px;
}

#step2{
position: absolute;
left: 450px;
top: 135px;
width: 300px;
height: 250px;
}

#step3{
position: absolute;
left: 120px;
top: 390px;
width: 300px;
height: 250px;
}

#step4{
position: absolute;
left: 450px;
top: 390px;
width: 300px;
height: 250px;
}

/* Navigation Positioning...
   Yes I know they're identical
   and could be consolidated */
#linkbar-howto{
position: absolute;
left: 220px;
top: 530px;
width: 273px;
height: 39px;
}

#linkbar-naq{
position: absolute;
left: 220px;
top: 530px;
width: 273px;
height: 39px;
}

#linkbar-home{
position: absolute;
left: 220px;
top: 530px;
width: 273px;
height: 39px;
}

#validator{
position: absolute;
left: 315px;
top: 575px;
}

#cart-corner{
position: absolute;
left: 700px;
top: 115px;
}

#cart-sports{
position: absolute;
left: 350px;
top: 115px;
}

/* CSS Rollover Code courtesy of http://www.webcredible.co.uk */
.cssnav{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/linkbuttonover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 39px;
margin: 0;
padding: 0;
float: left;
}

.cssnav a{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 91px;
height: 39px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img{
width: 91px;
height: 39px;
border: 0
}

* html a:hover{
visibility:visible
}

/* Hide the img when hovering (revealing background) */
.cssnav a:hover img{
visibility:hidden
}

/* Align the navigation text on the button */
.cssnav span{
position: absolute;
left: 0px;
top: 12px;
width: 91px;
margin: 0px;
padding: 0px;
cursor: pointer;
text-align: center;
} 
/* End Rollover Code */