@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	background: #c7c7c7 url(images/bg_dots2.jpg) repeat-x;
	background-position:top;
	width: 22px;
	height: 675px;
	line-height: 1.5;
	margin:0 0 0 0px;
	padding:0px;
}

.super {
	position: relative;
	bottom: 0.4em;
	font-size: 0.7em;
}

#logo {
position: absolute;
top: 20px;
left: 60px;
width: 300px;
height: 120px;
margin: 0px;
}

#specialBox{
position:absolute;
top:0px;
left:611px;
width:189px;
height:79px;
margin:0px;
}

#container{
width:800px;
height: auto;
position:absolute;
top: 120px;
left: 64px;
margin:0px;
}

#navBox{
width:800px;
height:21px;
margin:0px;
border:0px;
/*padding-left:340px;
*/
padding-right:0px;
padding-bottom:0px;
}

#navBox2{
width:800px;
height:auto;
border:0px;
padding-left:380px;
padding-right:0px;
}

#navBoxinset{
width:139px;
height:41px;
border:0px;
margin:0px;
padding:0px;
}

#navBoxinset2{
	position:absolute;
	top:100px;
	width:600px;
	height:41px;
	border:0px;
	margin-left: -15px;
	padding:0px;
	left: 4px;
	z-index: 100;
}

#textBoxMain{
width: 475px;
height: auto;
margin-top:37px;
clear:both;
}

#textBoxMain2{
width: 800px;
height: auto;
margin-top:23px;
padding:0px 0 0 0;
margin:0px 0 0 0;
}

#textBoxMain3{
width: 800px;
height: auto;
margin-top:40px;
padding:0px;
}

#textBox{
	width:465px;
	height:auto;
	margin:0px;
	padding:0px;
}

#textBox3{
	width:450px;
	height:auto;
	margin:0px;
	padding:0px;
}

#textBox2{
width:575px;
height:auto;
margin:0px;
padding:0px;
}

#insetBox{
background: #FFFFFF;
border-width:2px;
border-style:solid;
border-color: #999999;
height:140px;
width:586px;
margin-top:20px;
padding-left:0px;
padding-top:10px;
padding-right:10px;
}

#footer{
position:absolute;
height:auto;
width:auto;
padding:0px;
margin:0px;
font-size:10px;
top: 595px;
left:0px;
}

#footerRT{
position:absolute;
height:auto;
width:auto;
padding:0px;
margin:0px;
font-size:10px;
top: 595px;
left:0px;
float:right;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#thumbnails {
width:556px;
height:146px;
margin-left:15px;
padding: 0px;
}

.colleft {
float:left;
width:800px;
margin:0px;
position:relative;
display:inline;
}


#twocolLeft{
width:380px;
height:auto;
float:left;
position:relative;
padding:0 0 1em 0;
display:inline;
}

#twocolRight{
float:right;
margin:0px;
width:380px;
height:auto;
display:inline;
}

#cartbox{
width:365px;
height:400px;
float:right;
margin-top:30px;
}

#searchofferbox{
width:200px;
height:270px;
float:right;
margin-top:80px;
padding:0px;
background: #000000;
border-width:2px;
border-style:solid;
border-color: #999999;
}

#justAsk{
width:160px;
height:39px;
margin:0px;
padding:0px;
z-index:100;
}

#ballbox{
width:275px;
height:275px;
float:right;
margin-top:100px;
}

#phonebox{
width:335px;
height:335px;
float:right;
margin-top:75px;
clear:left;
}

#popbox{
width:340px;
height:350px;
float:right;
margin-top:65px;
margin-right:15px;
display:inline;
}
.genericBox{
width:auto;
height:auto;
margin:0px;
padding:0px;
}

.genericBoxRt{
width:auto;
height:auto;
margin:0px;
padding:0px;
float:right;
}

.genericBoxRt2{
width:auto;
height:auto;
margin:0px;
margin-top:-5px;
padding:0px;
float:right;
}

.genericBoxRt3{
width:auto;
height:auto;
margin-right:15px;
padding:0px;
float:right;
}

#genericBoxR4t{
	position: absolute;
	left:721px;
	top:.72in;
	width:78px;
	height:67px;
	margin:0px;
	padding:0px;
	float:right;
}

.genericBox2{
position: absolute;
top: 335px;
left: 0px;
width:auto;
height:auto;
margin:0px;
z-index:1;
}

.genericBox3{
width:auto;
height:auto;
margin-top:-90px;
margin-left:-10px;
padding:0px;
}

.genericBox4{
width:auto;
height:auto;
margin-top:-80px;
margin-left:-10px;
padding:0px;
}

.genericBox5{
position: absolute;
top: 280px;
left: 0px;
width:auto;
height:auto;
margin:0px;
z-index:1;
}

.genericBox6{
width:auto;
height:auto;
margin-bottom:95px;
padding:0px;
}

.genericBox7{
	width:160;
	height:240;
/*	margin:20px 20px 5px 20px;
*/	padding:20px;
}

.stockBox{
width:auto;
height:auto;
margin-left:0px;
padding:0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: .5;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-style:normal;
font-weight:normal;
margin-bottom: 0px;
line-height: .5;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
margin-bottom: 0px;
line-height:normal;
}

h4{
line-height:1;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
font-weight:bold;
margin-bottom: 0px;
line-height:1.5;
color:#666666;
}

h1.hiddenhead {
	width: 371px; height: 36px;
	background: url("images/home-head.jpg") no-repeat;
	text-indent: -9999px;
}

h1.hiddenhead2 {
	width: 261px; height: 36px;
	background: url("images/what-head.gif") no-repeat;
	text-indent: -9999px;
}

h1.hiddenhead3 {
	width: 343px; height: 70px;
	background:url("images/how-head.gif") no-repeat;
	text-indent: -9999px;
}

h1.hiddenhead4 {
	width: 343px; height: 36px;
	background:url("images/contact-head.gif") no-repeat;
	text-indent: -9999px;
}

h1.hiddenhead5 {
	width: 376px; height: 36px;
	background:url("images/diff-head.gif") no-repeat;
	text-indent: -9999px;
}

h1.hiddenhead6 {
	width: 157px; height: 36px;
	background:url("images/thankyou.gif") no-repeat;
	text-indent: -9999px;
}

h1.hiddenhead7 {
	width: 417px; height: 36px;
	background:url("images/search_head.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead {
	width: 259px; height: 25px;
	background:url("images/home-subhead.jpg") no-repeat;
	text-indent: -9999px;
	line-height: 1.5;
}

h2.hiddensubhead2 {
	width: 259px; height: 25px;
	background:url("images/what-subhead1.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead3 {
	width: 142px; height: 25px;
	background:url("images/what-subhead2.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead4 {
	width: 343px; height: 25px;
	background:url("images/how-subhead1.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead5 {
	width: 174px; height: 25px;
	background:url("images/allen-subhead.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead6 {
	width: 174px; height: 25px;
	background:url("images/helen-subhead.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead7 {
	width: 232px; height: 25px;
	background:url("images/case-subhead.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead8 {
	width: 352px; height: 25px;
	background:url("images/home-subhead3.gif") no-repeat;
	text-indent: -9999px;
}

h2.hiddensubhead9 {
	width: 222px; height: 25px;
	background:url("images/join-subhead.gif") no-repeat;
	text-indent: -9999px;
}
/*///////////////////////////////

ul#navlist
{
margin-top:0px;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 5px 0px 0px; }

#navlist a:link, #navlist a:visited
{
	color: #666666;
	background-color: #ffffff;
	text-decoration: none;
}

#navlist a:hover
{
color: #fb9b04;
background-color: #ffffff;
text-decoration: none;
}

#navlist li a.current {
color:#fb9b04;
font-weight:bold;
}
*/
#navlistInset li
{

display: inline;
list-style-type: none;
padding-right: 30px;

}
a img {
	border: none;
	text-decoration: none;
}
a img:visited {
	border: none;
	text-decoration: none;
}
a img:hover {
	border: none;
	text-decoration: none;
}
a:link {
	border: none;
	font-weight: normal;
	color: #666666;
	text-decoration: underline}
a:visited {
	border: none;
	font-weight: normal;
	color: #666666;
	text-decoration: underline}
a:hover {
	border: none;
	font-weight: normal;
	color: #fb9b04;
	text-decoration: underline;
}
a:active {
	border: none;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
/*///////////////////*/

.Menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */
margin: 0px 0 0px 0px;
padding: 0 0 0px 0;
}
.Menu li {
margin: 0 0px 0 0;
/*border-bottom: 1px solid #ccc;
*/display: inline; /* Menu links are horizontally aligned using display: inline */
}
.Menu li a {
margin: 0 0px 0 0;
padding: 0px 6px 0px 6px; /* Display: block won't work in this example, instead we are using padding */
color: #666;
text-decoration: none;
/*border: 1px solid #ccc;
*/background: #FFFFFF;
}
.Menu li a:hover {
background: #FFFFFF;
color: #fb9b04;
}
.Menu li#active {
margin: 0 0px 0 0;
padding: 0px 0px 0px 0px; /* Display: block won't work in this example, instead we are using padding */
border-bottom: 1px solid #FFFFFF;
color:#000000;
font-weight:bold;
}
.Menu li a:hover {
background:#FFFFFF;
color: #fb9b04;
}
.subMenu {
float: left;
font-size:11px;
text-align: right; /* If both menus are going to be left-aligned we really don't need to use text-align: left on the sub menu, since this menu will inherit the alignment from .Menu */
width: 100%;
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
}
* html .Menu .subMenu {
margin: 0px 0 0px 0; /* IE hack */
}
.Menu .subMenu li {
padding: 0px 0 0px 0;
border: 0;
}
.Menu .subMenu li a {
border: 0;
background-color: #FFFFFF;
}
.Menu .subMenu li a:hover {
background: #FFFFFF;
}
.Menu .subMenu li#subActive {
padding: 0px 0px 0px 0px;
font-weight: bold;
color: #000000;
}

#whiteMenu{
color:#FFFFFF;
}

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

#forEmphasis{
font-style:italic;
font-weight:bold;
}