/* CSS Document */



#content
{
width: 766px;
padding: 0 0 0 10px;
float: left;
margin: 0 0 0 00px;
}

#leftcolumn
{
width: 235px;
float: left;
background: url(../images/leftnav-bg.jpg) repeat-y top left;
margin: 10px 0px;
padding: 0 0 0 0px;
}

#leftcolumn.column 
{
padding-bottom: 20000px;
margin-bottom: -20000px;  
}


#leftcolumn span.topline, #leftcolumn span.btmline
	{
display: block;
background:url(../images/leftcol-topline.jpg) no-repeat top left;
}

#leftcolumn span.btmline
{
background:url(../images/leftcol-btmline.jpg) no-repeat top center;
}

#leftcolumn span.comtitle
{
font: bold 15px "Trebuchet MS";
padding: 0 0 0 23px;
margin: 0 0 0px 0;
display: block;
height: 30px;

} 

#leftnav 
{
width: 200px;
float: left;
margin: 0 0 0 0px;
padding: 0 0 0 15px
}


#leftnav h2 
{
width: 190px;
font: bold 11px arial;
color: #fff;
margin: 0 0 0 0px;
padding: 10px 0 0 10px;
background: #236D96;
height: 25px;
float: left;
}

#leftnav h2 a
{
color: #fff;
}


ul.leftnavlist
{
width: 200px;
list-style-type: none;
margin: 0 0 0 0px;
padding: 0px 0 0px 0;
float: left;
}

ul.leftnavlist li
{
width: 180px;
display: block;
float: left;
background: url(../images/arrow-gry.gif) no-repeat;
background-position: 0 10px;
margin: 0 0 0 0px;
padding: 8px 0 8px 20px;
border-bottom: 1px solid #ddd;
}

ul.leftnavlist li.none
{
border-bottom: 0px solid #ddd;
}


ul.leftnavlist li a
{
text-decoration: none;
color: #999;
}

#body_fourhigh ul.leftnavlist li a.fourhigh,
#body_threecolor ul.leftnavlist li a.threecolor,
#body_folders ul.leftnavlist li a.folders,
#body_mono_unit ul.leftnavlist li a.mono_unit,
#body_disc_ruling ul.leftnavlist li a.disc_ruling,
#body_four_color_fed ul.leftnavlist li a.four_color_fed,
#body_mini ul.leftnavlist li a.mini,
#body_swing ul.leftnavlist li a.swing,
#body_feddeluxe ul.leftnavlist li a.feddeluxe,
#body_pad-p-hundred ul.leftnavlist li a.pad-p-hundred,
#body_pad-two ul.leftnavlist li a.body_pad-two,
#body_pad-efifty ul.leftnavlist li a.body_pad-efifty
{

color: #f60;
text-decoration: underline;
}


ul.leftnavlist li a:hover
{
text-decoration: underline;
}




#subprod ul
{
width: 500px;
float: left;
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
}
 
#subprod ul li
{
float: left;
background: url(../images/subprod-bg.jpg) repeat-x top left;
height: 19px;
display: block;
font: 11px arial;
margin: 0 5px 0 0;
padding: 5px 5px 0 5px;
border: 1px solid #A2D015;
}

#subprod ul li a
{
color: #000;
}




span.boldhead
{
font-weight: bold;
color: #3399CC;
display:block;
}

#note
{
float: left;
}





#prodbanner
{
width: 510px;
background: url(../images/prodbanner-bg.jpg) repeat-x top left;height: 200px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 0;
height: 200px;
}

#prodimg
{
width: 255px;
float: left;
}

#keyfeatures
{
float: right;
margin: 0 10px 0 0;
}

#keyfeatures h2
{
font: 20px "Trebuchet MS";
color: #fff;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}

#keyfeatures ul
{
width: 220px;
list-style-type: none;
margin: 0 0 15px 0px;
padding: 0px 0 0px 0;
float: left;
}

#keyfeatures ul li
{
width: 215px;
display: block;
float: left;
background: url(../images/arrow-blue.gif) no-repeat;
background-position: 0 3px;
margin: 0 0 0 0px;
padding: 0px 0 5px 15px;
font: 11px arial;
color: #fff;
}





table.data
{
width: 100%;
margin: 5px 0;
padding: 0 0 0 0;
border: 1px solid #ccc;
border-collapse: collapse;
float: left;
font: 11px arial;
}

table.data td
{
margin: 0 0 0 0;
padding: 3px;
border: 1px solid #ccc;
text-align: left;
}

table.data th
{
background: #ddd;
text-align: left;
padding: 3px;
}




span.line
{
display:block;
}






















#rightcolumn
{
width: 511px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.specs
{
float: left;
}


ul.listings
{
list-style: disc;
margin: 10px 0;
list-style-position: inside;
padding: 0;
}

ul.listings li
{
margin: 0;
padding: 0;
}

ul.listings li a
{
color: #0099CC;
text-decoration: none;
}



span.headers
{
font: bold 15px "Trebuchet MS";
margin: 10px 0 0 0;
padding: 0 0 0 0;
color: #3399CC;
float: left;

}


ul.featurearrow
{
width: 495px;
list-style-type: none;
margin: 0 0 15px 5px;
padding: 0px 0 0px 0;
float: left;
}

ul.featurearrow li
{
width: 495px;
display: block;
float: left;
background: url(../images/arrow-gry.gif) no-repeat;
background-position: 0 10px;
margin: 0 0 0 0px;
padding: 8px 0 0px 20px;
}

ul.featurearrow li a
{
text-decoration: none;
color: #999;
}

ul.featurearrow li a:hover
{
text-decoration: underline;
}