body{
background:url(images/background.jpg) center repeat-y #0900b3;
height:100%;
min-height:100%;
margin:0px;
padding:0px;
width:100%;
}
#wrapper{
position:relative;
margin:0px auto;
width:770px;
background-color:#fff;
}
#logo{
float:left;
margin-top:7px;
border:none;
}
#yahoo{
float:right;
margin:0px 5px 0px 5px;
}
#nav-bar{
background:url(images/top-ramp-nav2.jpg) top no-repeat;
width:770px;
height:41px;
margin: 0px auto;
}
#head-text{
float:right;
text-align:right;
width:300px;
height:55px;
font:10px Arial, Helvetica, sans-serif;
}
.sub-head-txt{
float:right;
margin:0px 0px 5px 0px;
}
#search{
display:inline;
float:right;
}
#search input#formtext{
background:#fff url(images/search.gif) center left no-repeat;
padding-left:17px;
margin:8px 7px 0px 0px;
border:1px solid #999999;
font: italic 14px Arial, Helvetica, sans-serif;
color: #999999;
}
#search input#formbutton{
height:21px;
margin:8px 10px 0px 0px;
border:1px solid #999999;
background-color:#FFFFFF;
}
#search input#formbutton:hover{
background-color: #0c00ff;
color:#fff;
border:1px solid #fff;
}
ul#nav-text{
margin:0px;
padding:0px;
}
ul#nav-text li{
padding-right:10px;
margin:9px 0px 0px 10px;
display:inline;
float:left;
border-right:1px dotted #fff;
}
ul#nav-text li a{
text-decoration:none;
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
}
ul#nav-text li a:hover{
color:#ccc;
}
H1
{
margin:5px;
font:bold 8pt Arial, Helvetica, sans-serif;
color:black;
}
H2
{
margin:0px 0px 15px 0px;
font:bold 12pt Arial, Helvetica, sans-serif;
border-bottom:1px dotted #999;
}
H3
{
margin:0px 0px 8px 0px;
font:bold 11pt Arial, Helvetica, sans-serif;
border-bottom:1px dotted #999;
}
.hr{
height: 0;
font-size: 0;
line-height: 0;
}
.dotted {
border-bottom: dotted 1px #999;
}

.sale{
color: #c00;
}
#footer{
background-color:#FFFFFF;
text-align:center;
font:12px Verdana, Arial, Helvetica, sans-serif;
width:770px;
height:75px;
border-top:1px dotted #000;
padding-top:10px;
margin:0px auto 10px auto;
}
#footer img{
float:left;
}
#footer ul{
float:right;
list-style:none;
font:10px Arial, Helvetica, sans-serif;
text-align:right;
border-left:1px dotted #000;
padding:0px 10px 0px 10px;;
margin:0px;
}
#footer a{
color:#0c00ff;
text-decoration:none;
}
#footer a:hover{
color:#333;
}
#side-nav{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
background: url(images/ramps.png) top left no-repeat #f2f2f2;
width:140px;
float:left;
text-align:center;
}
#side-nav img{
border:0;
}
#nav{
list-style:none;
margin:0px 10px 20px 0px;
padding:0px;
text-align:right;
background: top left no-repeat;
}
#nav a{
color:#0c00ff;
text-decoration:none;
font:bold 13px Arial, Helvetica, sans-serif;
}
#nav a:hover{
color:#333;
}
#content{
width:610px;
padding:10px 0px 10px 20px;
float:left;
margin:0px;
font:13px Arial, Helvetica, sans-serif;
}
.order-box{
position:relative;
float:right;
padding:0px 10px 0px 10px;
width:360px;
font:14px Arial, Helvetica, sans-serif;
}
.pic-box{
float:left;
margin-bottom:10px;
padding:10px 10px 0px 10px;
width:200px;
text-align:center;
border:1px dotted #999;
}
.pic-large{
text-decoration:none;
font:bold 13px Arial, Helvetica, sans-serif;
margin:5px;
padding:3px 0px 0px 0px;
border-top:1px dotted #999;
}
.pic-large a{
text-decoration:none;
}
.rctext{
color:#FF0000;
font:bold 12px Arial, Helvetica, sans-serif;
}
table.specs{
font:10px Arial, Helvetica, sans-serif;
text-align:center;
width:600px;
border:1px dotted #999;
border-collapse:collapse;
}
table.specs caption{
font:bold 12px Arial, Helvetica, sans-serif;
text-align:left;
}
table.specs td{
border:1px dotted #999;
border-collapse:collapse;
}
 table.specs th{
 font:bold 11px Arial, Helvetica, sans-serif;
border:1px dotted #999;
border-collapse:collapse;
background-color:#000;
color:#fff;
}
.sale-price{
color: #c00;
font:italic 18px Arial, Helvetica, sans-serif;
}
