/* CSS Document */
/* First Gear, Inc. Print Stylesheet */

html {height:100%;}

body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;
	This takes the default 16px down to 10px*/
    color:#000; 
	background:#1a1a1a url(../images/bg.jpg) repeat-x;
    width:100%; 
	margin: 0 auto;
	font:11px/15px Arial, Helvetica, sans-serif;
}


body * {text-align:left}

* {margin:0px; padding:0px}



/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul, ol /*default styling*/
{
	margin: 5px 0 5px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


ol
{
	display: block;
	list-style-position: inside; 
}



ul li ul /*default styling*/
{
	margin: 0px;
	padding: 0px 0 0 0px;
	list-style-type:square;
	color:#000;
	display: block;
	float:left;
}






h1 
{
	font-size:15px;
	color:#000;
	font-weight:bold; 
	margin:0px 0px 5px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	background:#61080e url(../images/bg_h1.gif) repeat-x;
	padding:10px 0px 0px 10px !important;
	padding:10px 0px 5px 10px;
	height:25px;
	text-transform:uppercase;
	border:0px solid #0000ff;
}

h2 {font-size:15px; color:#000; line-height:18px;font-weight:bold; margin:16px 0px 5px 0px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
h3 {font-size:13px; color:#000; line-height:14px;font-weight:bold; margin:0px 0px 0px 0px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
h4 
{
	 font-size:13px;
	 background: #bec5c7;
	 color:#000;
	 line-height:16px;
	 font-weight:bold;
	 margin:0px 0px 0px 0px;
	 padding-top:5px;
	 padding-bottom:5px;
	 border-top:6px solid #6e1218;
	 text-transform:uppercase;
	 font-family: Arial, Helvetica, sans-serif;
	 text-align:center;
	 letter-spacing:0px;
}


.pagetitles {color:#000; font-size:24px;font-weight:normal;text-transform:none;}
.subtitles {color:#000; font-size:17px;font-weight:normal;text-transform:none;}


h5 {font-size:13px; color:#000; line-height:18px;font-weight:bold; margin:0px 0px 5px 0px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}

a:link, a:active, a:visited  {color: #000; text-decoration:underline;font-weight:normal;}
a:hover {color: #000; text-decoration:underline;}

a:focus { outline: none;}


img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

img.right {
	float:right;
	margin:2px;
	border:0px;
	border: 1px solid #ccc;
}

.fadecontainer {
	
	width:300px; height:160px;margin-top:20px;
	
}

.fade {
	
	float:left;
	margin:2px;
	padding:0px;
	display:inline;
	
}

.fade img, .fade2 img, .fade3 img { border: 1px solid #ccc; text-align:center;}

.outlined {border:1px solid #ccc; padding:0px 15px 10px 10px;margin-top:13px;}

img.left {
	float:left;
	position:relative;
	margin-right:4px;
	border:0px;
	border: 2px solid #c5c2bb;
}

p, td, div
{	
	font-size: 13px;
	line-height: 17px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
}

p {	margin: 13px 0 0 0; }


.callout
{	
	font-size: 13px;
	line-height: 17px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
}


.callout b {color: #000;}

.small {font-size:11px; line-height:12px; color:#000;margin:0px;text-align:center;}



/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	width: 100%; margin: 0; float: none;
}


#header
{
	width: 990px;
	margin: 0 auto;
	position:relative;
}



/* MISC. HEADER OBJECT STYLES*/

.headtop
{
	width: 990px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	background: #ffffff url(../images/bg_header.jpg) repeat-x;
	position:relative;
}

.logo { float:left; margin:12px 0px 0px 15px;width:268px; height:76px;}


#contentcontainer /*this is holding everything below the header div */
{
	
	width: 100%; margin: 0; float: none;

}


#leftcolhome /*holds the welcome first gear on homepage */
{
	float: left;
	position:relative;
	width: 337px;
	height:312px;
	margin: 4px 0px 25px 23px;
	border:0px solid #000;
	background: #fdfdfd url(../images/bg_home.gif) repeat-x;
	
}

#leftcolhome p {padding-left:15px;padding-right:10px;}


#featurehome /*main content area for homepage */
{
	float: left;
	position:relative;
	width: 596px;
	height:312px;
	margin: 4px 0px 25px 10px;
	padding:0px;
	border:0px solid #000;
	z-index:300;
	background: #fdfdfd url(../images/bg_home.gif) repeat-x;
}


#maincol /*main content area for interior */
{
	float: left;
	position:relative;
	display:inline;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background:#fff url(../images/bg_grad.gif) repeat-x;
	border:0px solid #000;
	
}


.maincolbot /*main content area */
{
	float: left;
	position:relative;
	width: 780px;
	height:37px;
	margin: 20px 0px 0px 0px;
	background:#fff url(../images/bg_gradbot.gif) repeat-x;
	
}

#leftcol /*holds the side navigation */
{
	display: none;
}



/* UNORDERED LISTS
========================================*/

#maincol ul
{
	margin: 5px 0px 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
	}

#maincol ul li.nobullet
{
	background: none;
	padding-left: 0px;
	padding-bottom: 3px;
	position:relative;
	list-style-type: none;
	display: block;
}


#maincol ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 5px;
	padding-left: 10px;
	padding-bottom: 8px;
	position:relative;
}

#maincol ul.links li
 /* adds a special bullet for link lists */
{ 
	background: url(../images/icon_links.gif) no-repeat 0 2px;
	padding-left: 15px;
	padding-bottom: 0px;
	position:relative;
}

#maincol ul.nobullet li
 /* adds a special bullet for link lists */
{ 
	background: none;
	padding-left: 0px;
	padding-bottom: 0px;
	position:relative;
}


#maincol ul.double { width: 450px; margin: 0px 0 0px 0px; padding: 0px 0 5px 0px;display:block;float:left;border:0px solid #000;}
#maincol ul.double li { float: left; position:relative;width: 200px; margin: 0; padding: 0 10px 0 5px; background: none;border:0px solid #ff0000;}





/* MISC. CONTENT OBJECT STYLES
========================================*/
#maincol .breadcrumbs {display:none;}

body#product #maincol .breadcrumbs {position:relative; font-size:11px;width:440px;margin:0px 0px 0px 0px;display:inline;}
body#product #maincol .breadcrumbs ul {margin: 0px; padding-left: 10px;padding-bottom:0px;list-style-type: none;}
        
body#product #maincol .breadcrumbs ul li {
		display: inline;
		margin: 0px;
        padding: 0 12px 0 1px;
        background: transparent url(../images/breadcrumb_arrow.gif) no-repeat right center;
        border:0px solid #ffff00;}
        
body#product #maincol .breadcrumbs a {color:#000; font-size:12px;}
body#product #maincol .breadcrumbs a:link {color:#000; text-decoration:underline;}
body#product #maincol .breadcrumbs a:hover {color:#000; text-decoration:none;}

.description { background:#fff;margin:0px;padding:5px 0px 20px 5px; width:300px; }


.pricecol form, form.nobg {background: none; padding:0px; border:0px solid #ff00ff; width:101px; float:right; margin-right:8px;display:inline;}
.pricecol { margin:10px 5px 0px 0px;padding:0px 0px 0px 0px; width:120px; float:right;font-size:12px; font-weight:bold; color:#000;text-align:center; border:0px solid #ff0000; }
.rule {border-bottom:#bec5c7 1px solid; padding:0px; margin:5px 0px; }
.btmborder {border-bottom:1px solid #bec5c7 ; padding:0px; margin:5px 0px; }
.rule2 { margin-bottom:10px; }
.pgnav {float:right; width:110px; height:32px;margin-right:5px; margin-top:3px; vertical-align:text-top;}
.small {font-size:11px; line-height:12px; color:#000; margin:0px; padding:0px; vertical-align:text-top; width:40px;}

.testimonial { width:700px; float:left; background:#fff; padding: 10px; margin-bottom:10px; margin-left:10px; border: 2px solid #ddd;}
.testimonial p {  margin:0px; padding: 0px;}
.testimonial .img {  float:left; background:#fff repeat-x; width:200px; height:115px; margin-bottom:10px; padding-right: 10px; clear:both;}
.testimonial .img2 {  text-align:center; float:left; background:#fff repeat-x; width:200px; height:170px; margin-bottom:10px; padding-right: 10px; clear:both;}
.testimonial #homeanimation {float:left; margin:0px auto; width:200px;height:115px;}
.testimonial .testname {  color:#000; float:left; margin:5px 0px 0px 20px; padding: 0px; font-size:12px; line-height:15px;}
.return {float:right;}


#terms ul li {
	float: left;
	position:relative;
	width: 125px;
	margin: 0px 0px 0px 10px;
	border:0px solid #000;
	list-style-type:square;
	font-size:11px;
	
}


#terms ul li a:link, #terms ul li a:active, #terms ul li a:visited  {color: #000; text-decoration:none;font-weight:bold;}
#terms ul li a:hover {color: #000; text-decoration:underline;}


/* ----------------------------
   ROTATING PHOTOS SLIDESHOW
--------------------------- */
.mt {padding-top:1px;}
.slideshowpics { height: 264px; width: 416px; padding:0px; margin:0px; overflow: hidden; border: solid 3px #c5c3c3; border:1px solid #000;}
.slideshowpics img { height: 264px; width: 416px; padding: 0px; margin:0px; } /*actual picture */

#slideshow { width:416px;  margin:0px 0px 0px !important; margin:0px; border:3px solid #c5c3c3;}/*holds the actual picture*/
#slidenav { width: 300px; margin:8px 0px 0px 0px; padding:0px; float:left; position:relative; border:0px solid #ff0000;list-style-type: none; } /*holds the thumbnails*/
ul#slidenav { margin:5px 0px 0px 0px; padding:0px; list-style-type: none;}
ul#slidenav li  { margin:5px 10px 0px 0px; padding:0px; list-style-type: none;}
#slidenav li { width: 84px; float:left; position:relative; margin: 0px 4px 0px 0px; padding-right:0px; background:none; list-style-type: none; }
#slidenav a { width: 84px;  padding: 0px; display: block; margin:0px; border: solid 3px #c5c3c3;} /*sets size, puts the nice border around thumbnails*/
#slidenav a.activeSlide { background: #61080e; border:3px solid #60080e;} /*the border on the active thumb*/
#slidenav a:focus { outline: none; }
#slidenav img { border: none; list-style-type: none;}
.view {width:110px; float:left; position:relative; margin:8px 0px 0px 0px; padding-bottom:0px; border:0px solid #000; text-align:center;display:inline;}
.newsletter{font-size:11px;line-height:15px;float:right;}
#events td { padding: 5px; border-bottom:1px solid #ddd;}
#events th { color:#000; padding: 5px; border-style: solid; border-color:#b6b4ad;border-width: 0px 0px 4px 0px; background:#c7c4bb; text-transform:uppercase; font-size:13px;}
#events table {width:720px; margin-top:10px; border-bottom:#b6b4ad 4px solid; background:#fff url(../images/bg_gradbot.gif) repeat-x;}


/* ADDS ICONS TO LINKS
========================================*/




.singlelink { 
background:transparent url(../images/icon_links.gif) 0 0px no-repeat;
display:inline;
padding-left:17px;
line-height:20px;
}




/* COLUMNS IN CONTENT
========================================*/

.colone
{
	float: left;
	width: 385px;
	margin: 0px 28px 0px 20px;
	padding-left:0px;
	border:0px solid #ffff00;
	display:inline;
}

.coltwo
{
	float: left;
	width: 310px;
	margin: 0px 10px 0px 15px;
	padding-left:0px;
	border:0px solid #ff0000;
	display:inline;
}

.colnarrow
{
	float: left;
	width: 250px;
	margin: 0px 10px 0px 15px;
	padding-left:0px;
	display:inline;
}

.colwide
{
	float: left;
	width: 480px;
	margin: 0px 0px 0px 10px !important;
    margin: 0px 0px 0px 0px;
	padding-left:0px;
	display:inline;
}



.photocontainer /*holds product store photos*/
{
	float: left;
	width: 416px;
	margin: 0px 0px 0px 0px;
	border:0px solid #000fff;
	list-style-type: none;
}


.contentleft /*used for PRODUCT DETAIL PAGE */
{
	float: left;
	/*width: 416px;*/
	width: 430px;
	margin: 10px 10px 0px 8px;
	padding:0px;
	display:inline;
}


.contentright /*used for PRODUCT DETAIL PAGE */
{
	float: left;
	/*width: 310px;*/
	width: 310px;
	margin: 10px 8px 0px 0px;
	padding:0px;
	display:inline;
}

.contentfull /*main content area */
{
	float: left;
	position:relative;
	width: 740px;
	margin: 10px 0px 0px 20px;
	border:0px solid #000;
	
}


/* Out of the ordinary columns. These can be any width neccessary */

.wide
{
	float: left;
	width: 720px;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	border:0px solid #ffff00;
}
.narrow { width: 326px;height:183px;float:left;margin-right:4px;margin-top:10px;padding:0px 0px 0px 0px;background: #ffffff url(../images/bg_narrow.jpg) repeat-x;}
.narrow p {padding:0px 10px 0px 15px;margin:0px 0px 0px 0px;}

.narrowb { width: 210px;float:left;margin-right:4px;margin-top:10px;padding:0px 0px 10px 10px;background: url('../images/bg_narrowb.jpg') repeat-x;}

.current { width: 326px;float:left;margin-right:4px;margin-top:10px;padding:0px 3px 0px 3px;background: #ffffff;}


/* FOOTER STYLES
========================================*/

#footer
{
	width: 100%; margin: 0; float: none;
}


.copyright
{
	font-size: 10px;
	color: #000;
    float:left;
    margin:20px 15px 0px 15px;
	text-align: left;
	width:350px;
	
}

.tagline
{ margin-top:0px;color:#000;font-weight:bold;}

.address
{display:none;}
.addressprint
{display:inline;}

.bottomnavs
{
	display: none;}

.bottomnavs a:link, .bottomnavs a:active, .bottomnavs a:visited  {display: none;}
.bottomnavs a:hover {display: none;}



/* NAVIGATION
========================================================================*/   




#topnav 
{
       display: none;
}

#topnav a:link, #topnav a:active, #topnav a:visited  {display: none;}
#topnav a:hover {display: none;}


#topnav ul
{      
        display: none;
		
}

#topnav li
{
        display: none;;
}

#topnav li.noborder {display: none;}






/* SIDE NAVIGATION
======================================== */

#secnavcontainer
{
	display: none;
	
}


#secnavcontainer ul
{
display: none;

}

#secnavcontainer ul li ul a,
#secnavcontainer ul.store li,
#secnavcontainer ul.subcollectorsub li 

{
display: none;
}


#secnavcontainer ul li ul li

{ 
	display: none;
}


#secnavcontainer a
{
display: none;
}


#secnavcontainer ul li ul a,
#secnavcontainer ul.store li a,
#secnavcontainer ul.subcollectorsub li a
{
display: none;
}

#secnavcontainer a:link, #secnavcontainer a:visited
{
display: none;
}

#secnavcontainer a:hover
{

display: none;

}


/* SIDE NAVIGATION HIGHLIGHTS 
========================================*/

body.pgpromotions #secnavcontainer a.secpromotions,
body.pgproductsamples #secnavcontainer a.secproductsamples,
body.pgcustomprogram #secnavcontainer a.seccustomprogram,
body.pgcustomform #secnavcontainer a.seccustomform,
body.pgtestimonials #secnavcontainer a.sectestimonials,
body.pgwhatsnew #secnavcontainer a.secwhatsnew,
body.pgwhatsnewfeature #secnavcontainer a.secwhatsnewfeature,
body.pgcollector #secnavcontainer a.seccollector,
body.pgcollectorclub #secnavcontainer a.seccollectorclub,
body.pgcollectornewsletter #secnavcontainer a.seccollectornewsletter,
body.pgnewslettercurrent #secnavcontainer a.secnewslettercurrent,
body.pgnewsletterrelease #secnavcontainer a.secnewsletterrelease,
body.pgnewsletterads #secnavcontainer a.secnewsletterads,
body.pgnewslettercontact #secnavcontainer a.secnewslettercontact

{ color:#000; background: #fff url('../images/bg_highlight_arrow.gif') repeat-y 12px 0px; }

.pgStoreSubnavSelected { color:#000; background: #fff url('../images/bg_highlight_arrow.gif') repeat-y 12px 0px; }
	
/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

.submenu { display: none;}

body#custom .submenu.subcustom  { display: block;}
body#product .submenu.subproduct  { display: block;}
body#whatsnew .submenu.subwhatsnew  { display: block;}
body#events .submenu.subevents { display: block;}
body#collector .submenu.subcollector { display: block;}
body#company .submenu.subempty, 
body#search .submenu.subempty,
body#email .submenu.subempty,
body#events .submenu.subempty,
body#contact .submenu.subempty,
body#cart .submenu.subempty 
{ display: block;}


/* TOP NAVIGATION HIGHLIGHTS
======================================== */
body#events ul li.eventsbtn,
body#contact ul li.contactbtn,
body#cart ul li.cartbtn,
body#email ul li.emailbtn,
body#company ul li.companybtn

{ border-bottom:1px solid #a1a1a1; padding-bottom:0px; margin:0px 0px 0px 0px; }



.supersubmenu { display: none;}


body#collector.pgcollectornewsletter .subcollectorsub { display: block;}
body#collector.pgnewslettercurrent .subcollectorsub { display: block;}
body#collector.pgnewsletterrelease .subcollectorsub { display: block;}
body#collector.pgnewsletterads .subcollectorsub { display: block;}
body#collector.pgnewslettercontact .subcollectorsub { display: block;}
body#product .store { display: block;}



/* SUPER SUBNAVIGATION HIGHLIGHTS
======================================== */

body#busadvantages.pgcostofliving #supersubnav a.seccostofliving,
body#busadvantages.pgincentives #supersubnav a.secincentives

{ background: #e7e6e2; padding:1px 5px;/*border-bottom: solid 1px #25669c;*/ }



/* SUPER SUBNAVIGATION
========================================================================*/   

.supersubnav 
{
        width: 590px;
}




/* FORMS
========================================================================*/   


form {
  border: 0px solid #ffff00;
  padding: 20px;
  margin-top:10px;
  margin-left:0px; background: #fff url('../images/bg_form.jpg') repeat-x;
}

form.nobg {
 background: none;
}

form div {
  clear: both;
  margin-bottom: 0px;
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:1px solid #bebebe;
}

form div.odd {
  background:#ededed;
}

form label {
  display: block;
  float: left;
  width: 170px;
  padding-left: 22px;
  margin:0px;
  font-weight: bold;
  cursor: pointer;
  
}
form label.required {
  background-image: url('../images/required.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.problem {
  background-image: url('../images/caution.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.completed {
  background-image: url('../images/complete.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
div#submitdiv {
  margin-left: 7em;
  padding-left: 22px;
  padding-top: 0.3em;
  border-bottom:none;
}



input.checkbox {
  width: 20px;
}
input, textarea {
  border: 2px solid #bebebe; background:#fff;
}

input#checkbox {
  border: 0px solid #bebebe;  width:20px; background:none;
}

input:focus, textarea:focus {
  border: 2px solid #666;
}

.submit {
  border: 0px solid #ff0000; cursor: pointer; background: url(../images/btn_search.gif) no-repeat;width:31px; height:19px; margin:0px 0px 0px 5px;padding-bottom:0px;
}

.submitbtn {
  text-align:center; cursor: pointer; text-transform:uppercase; font-weight:bold; color:#fff; background: #fff url('../images/btn_bg.jpg') repeat-x; width:100px; height:25px; margin:10px 0px 0px 0px;
}

.submitbtnwide {
  text-align:center; cursor: pointer; text-transform:uppercase; font-weight:bold; color:#fff; background: #fff url('../images/btn_bg.jpg') repeat-x; width:180px; height:25px; margin:10px 0px 0px 0px;
}


/*MAIN SITE SEARCH FORM*/

#searchrowform {display: none;}
#searchform {display: none;}

input.box {
	width: 184px;
	height: 20px;
	background: #ffffff;
	border:2px solid #b7b7b7;
	padding:0px 3px 0px 3px;
	margin:3px 0px 0px 15px;
	color:#fff;
}

/* Tables
========================================*/

.chart
{
	text-align: left;
	border:0px solid #0000ff;
	margin:0px;
	padding:0px;
	width:100%;
	
}
.chart th
{
	font-size: 12px;
	color:#fff;
	background:#eeeeee;
	padding: 5px 5px 5px 5px;
	border-bottom: 2px solid #cccccc;
}
.chart td
{
	border-bottom: 1px solid #ccc;
	padding: 3px;
}

.chart tbody tr:hover td
{
	color: #000;border-bottom: 1px solid #666; 
}

.chart .odd
{
	background:#ededed; border:0px solid #ff0000;
	
}


/*HOME STYLES*/

/* STORE
========================================*/
.storenavs 
{
	width: 160px;
	text-align:left;
	float:left;
	margin:0px 10px 10px 10px;
}

.eleven {font-size:11px;}

.storerow {float:left;border-bottom:1px solid #ccc;margin:10px 10px;width:760px; border:0px solid #ff00ff;}

.products {float:left; width:130px;text-align:center;padding:10px 5px; display:inline; border:0px solid #ff0000;}
.productsimg {float:left; width:130px;height:90px;overflow:hidden;background:#fff;border:1px solid #ddd;}
.productsdesc {float:left; width:130px;height:35px;overflow:hidden;border-top:2px solid #BBB;background:#fff;}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }


.storeimg {max-width:120px; max-height:120px;}


.specialholder { width: 730px; background: #fff url(../images/bg_grad_short.png) no-repeat; margin-bottom:10px; margin-top:10px; padding: 0px; float:left; border:0px solid #000;}
.specialholder div.holder { background: #fff url(../images/bg_grad_short.png) repeat-x 0 0; position: relative; border-top:3px solid #999; padding:10px; width: 720px; float:left; list-style-type:none;}
.specialholder div.holder ul li { border-right:1px solid #ccc;}
.specialholder div.holder ul li.noborder { border-right:0px solid #999999;}


.specialholderdark { width: 250px; background: #fff url(../images/bg_holderdark.jpg) repeat-x; margin:10px 0px 10px 20px;  padding: 5px 5px 5px 0px; float:left;  color:#000; font-weight:bold;}

.specialholderdark .arrow { width: 35px; height:45px; background: transparent url(../images/sm_arrow.png); margin-left:-15px; padding: 0px;border:0px solid #000;float:left;position:relative;}
.specialholderdark .speclink { width: 225px; margin:5px 0px 0px 5px; padding: 0px;border:0px solid #000;float:left;color:#000; font-weight:bold;}
.specialholderdark a { font-weight:bold;}

/*-----------------*/

/* MAIN NAVIGATION SLIDING DOORS 
========================================*/


body#home .homebtn,
body#product .productbtn,
body#custom .custombtn,
body#whatsnew .whatsnewbtn,
body#collector .collectorbtn

{ background-position: 0 -41px;}


.homebtn  { width: 80px; height: 41px; background: url(../images/btn_home.jpg) no-repeat 0 0;}
.productbtn  { width: 160px; height: 41px; background: url(../images/btn_store.jpg) no-repeat 0 0;}
.custombtn  { width: 360px; height: 41px; background: url(../images/btn_custom.jpg) no-repeat 0 0;}
.whatsnewbtn { width: 144px; height: 41px; background: url(../images/btn_whatsnew.jpg) no-repeat 0 0;}
.collectorbtn { width: 171px; height: 41px; background: url(../images/btn_club.jpg) no-repeat 0 0;}

.cssnav { display: block; height: 41px;}
.cssnav:hover { background-position: 0 -41px;}
.cssnav span { display: none; }



#mainnav 
{
        display: none;
}


#mainnav ul
{      
        display: none;
}

#mainnav li
{
       display: none;
}