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

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:#333333; 
	background:#1a1a1a url(../images/bg.jpg) repeat-x;
    width:100%; 
	margin: 0 auto;
	font:12px/16px Arial, Helvetica, sans-serif;
}


body * {text-align:left}

.mcnote {color: #ff0099; font-size:14px;}

* {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:#666666;
	display: block;
	float:left;
}






h1 
{
	font-size:15px;
	color:#e5dac6;
	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:#294148; 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:#60080e; 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:#48575a;
	 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:#7e1313; font-size:20px;font-weight:normal;text-transform:none;}
.subtitles {color:#7e1313; font-size:17px;font-weight:normal;text-transform:none;}


h5 {font-size:13px; color:#294148; 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: #0d566c; text-decoration:underline;font-weight:normal;}
a:hover {color: #568d9c; 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 { border: 1px solid #ccc; text-align:center;}

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

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: #333333;
}

p {	margin:13px 0 0 0; }

p b
{	
	color: #333333;
}


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


.callout b {color: #000;}


.callout2
{	
	font-size: 14px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	color: #3b3b3b;
	margin: 15px 0px 10px 0px;
	padding: 0px;
	/*background:#fff;*/
	/*width:700px;*/
}

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



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

#container
{
	margin: 20px auto;
	width: 990px;
	background:#e9e9e9;
	position:relative;
	border:6px solid #bbbbbb;
}


#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; border:0px solid #000;display:inline;}


#contentcontainer /*this is holding everything below the header div */
{
	
	margin: 35px 0px 0px 0px;
	width:990px;
	padding: 0px;
	position:relative;
	background:#e9e9e9;

}


#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: 780px;
	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 */
{
	float: left;
	position:relative;
	display:inline;
	width: 144px;
	min-height:300px;
	padding:0px;
	margin:0px 25px 0px 20px;
	border: 0px solid #000;
	
}





/* 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.prodlinks
 /* adds a special bullet for link lists */
{ 
	position:relative;
	margin:5px 0px 20px 0px;
	padding:0px;
	border:0px solid #000;
}

#maincol ul.prodlinks li
 /* adds a special bullet for link lists */
{ 
	background: url(../images/icon_bullets.gif) no-repeat 0 0px;
	padding-left: 15px;
	padding-bottom:0px;
	margin:0px;
	position:relative;
	font-size:11px;border:0px solid #000;
}
.prodhd {background:#ddd;display:block;text-align:center;margin-bottom:10px;font-weight:bold;padding-bottom:4px;}
.prodhd a:link, .prodhd a:active, .prodhd a:visited  {color: #0d566c; text-decoration:none;font-weight:bold;}
.prodhd a:hover {color: #568d9c; text-decoration:underline;}

#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:#666666; font-size:12px;}
body#product #maincol .breadcrumbs a:link {color:#666666; text-decoration:underline;}
body#product #maincol .breadcrumbs a:hover {color:#666666; text-decoration:none;}

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

.note, p.note {float:left;position:relative;margin:5px 0px 0px 0px; padding-left: 10px; font-size:10px; width:100%; display:inline; font-style:italic;}

.noteb, p.noteb {color:#60080e;float:left;position:relative;margin:5px 0px 0px 0px; padding-left: 10px; font-size:11px; line-height:15px; width:95%; display:inline; font-style:italic;}


.pricecol form, form.nobg {background: none; padding:0px; border:0px solid #ff00ff; width:101px; float:right; margin-right:8px;display:inline;}
form.nobg2 {background: none; padding:1px; border:0px solid #ff00ff;display:inline;}
.pricecol { margin:10px 5px 0px 0px;padding:0px 0px 0px 0px; width:120px; float:right;font-size:12px; font-weight:bold; color:#294148;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:120px; height:32px;margin-right:5px; margin-top:3px; vertical-align:text-top; text-align:center;border:0px solid #ff0000;}
.small {font-size:11px; line-height:12px; color:#294148; margin:0px; padding:0px; vertical-align:text-top;}

.testimonial { width:700px; float:left; background:#fff; padding: 10px; margin-bottom:10px; margin-left:10px; border: 1px solid #ccc;}
.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:#60080e; 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 0px;
	padding-left:10px;
	border:0px solid #000;
	background: url(../images/bullet.gif) no-repeat 0 5px;
	font-size:11px;
	
}


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


/* ----------------------------
   ROTATING PHOTOS SLIDESHOW
--------------------------- */
.mt {padding-top:1px; position:relative;line-height:260px;font-size:260px;}


#slideshow { width:420px; height:264px; margin:0px; overflow: hidden;  vertical-align: middle; border:3px solid #c5c3c3;line-height:260px;color:#fff;font-size:260px;z-index:800; }/*holds the actual picture*/
.slideshowpics { width: 420px; height: 264px; padding:0px; margin:0px;  vertical-align: middle; overflow: hidden; background:#fff;color:#fff;position:relative;z-index:50;}
.slideshowpics img {  padding: 0px; margin:0px; vertical-align: middle; position:relative;z-index:40; border:0px solid #ff0000;} /*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 #dddddd;}
#events th { color:#5d5b55; padding: 5px; border-style: solid; border-color:#b6b4ad;border-width: 0px 0px 0px 0px; background:#c7c4bb; text-transform:uppercase; font-size:13px;}
#events table {width:720px; margin-top:10px; border-bottom:#b6b4ad 0px solid; background:#ffffff url('../images/bg_gradbot.gif') repeat-x;}


#outer {height: 400px; overflow: hidden; position: relative; width: 100%;}
		#outer[id] {display: table; position: static;}
		
		#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
		#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
		#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
		#inner {width: 200px; margin-left: auto; margin-right: auto;} /* for all browsers*/
		/* optional: #inner[id] {position: static;} */
		
		/* just format */
		div.greenBorder {border: 1px solid green; background-color: ivory;}



/* 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: 428px;
	height: 410px;
	margin: 0px 0px 0px 0px;
	border:0px solid #000fff;
	list-style-type: none; 
	position:relative;
}


.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: 990px;
	height:114px;
	background: #ffffff url(../images/bg_footer.jpg) repeat-x;
	margin: 0px 0px 0px 0px;
	border-top:3px solid #fff;
	z-index:600;
}


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

.tagline
{ text-align:center;margin-top:6px;color:#d4c9b4;font-weight:bold;}

.address
{text-align:center;margin-top:15px;}

.addressprint
{display:none;}

.bottomnavs
{
	font-size: 12px;
	color: #838383;
    float:right;
    margin:20px 20px 0px 0px;
	text-align: right;
	width:315px;
	border:0px solid #ff0000;
}

.bottomnavs a:link, .bottomnavs a:active, .bottomnavs a:visited  {color: #838383; text-decoration:none;}
.bottomnavs a:hover {color: #636363; text-decoration:underline;}

.mcafee {padding:0px 0px 0px 5px;margin:15px 0px 0px 40px;float:left;position:relative;display:inline;}

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




#topnav 
{
        width: 600px;
		height: 25px;
        margin: 20px 0px 0px 0px !important;
        margin: 18px 0px 0px 0px;
        padding-right: 45px;
		text-align:right;display:inline;
		float:right;border:0px solid #000;
}

#topnav a:link, #topnav a:active, #topnav a:visited  {color:#898989; text-decoration:none;font-weight:600;font-size:12px;}
#topnav a:hover {color: #636363; text-decoration:underline;}


#topnav ul
{      
        margin: 0px;
        padding: 0px;
        list-style-type: none;
		text-align:right;
		
}

#topnav li
{
        display: inline;
		margin: 0px;
        padding: 3px 10px 0px;
        border-right:1px solid #bababa;
}

#topnav li.noborder {border-right:0px solid #bababa;}






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

#secnavcontainer
{
	width: 144px;
	margin-top: 0px;
	border:0px solid #ffff00;
	background:#fff;
	padding:0px;
	
}


#secnavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}

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

{
margin:0px 0px 0px 10px;
width:122px;
border:0px solid #ff0000;
padding:0px;

}



#secnavcontainer ul li ul li

{ 
	/*background: transparent url(../images/breadcrumb_arrow.gif) no-repeat 0px 7px;*/
	padding: 0px 0px 0px 0px;
	border:0px solid #00ff00;
	position:relative;
	width:122px;
}



#secnavcontainer a
{
display: block;
padding: 4px 6px;
width: 132px !important;
width: 144px;
margin:0px;
border:0px solid #00ff00;
/*font-weight:bold;*/
background-color: #fff;
border-bottom: 1px solid #acacac;
}


#secnavcontainer ul li ul a,
#secnavcontainer ul.store li a,
#secnavcontainer ul.subcollectorsub li a
{
display: block;
padding: 4px 0px !important;
padding: 4px 6px;
color:#666;
width: 122px;
margin-left:2px !important;
margin-left:12px;
background-color: #fff;
border-bottom: 1px solid #cccccc;
}

#secnavcontainer a:link, #secnavcontainer a:visited
{
color: #333333;
text-decoration: none;
}

#secnavcontainer a:hover
{

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

}

#secnavcontainer ul ul

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


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

body.pgpromotions #secnavcontainer a.secpromotions,
body.pgcompany #secnavcontainer a.seccompany,
body.pgcontact #secnavcontainer a.seccontact,
body.pgevents #secnavcontainer a.secevents,
body.pgemail #secnavcontainer a.secemail,
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.pgnewslettercover #secnavcontainer a.secnewslettercover,
body.pgnewsletterspotlight #secnavcontainer a.secnewsletterspotlight,
body.pgnewslettercontact #secnavcontainer a.secnewslettercontact

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

.pgStoreSubnavSelected { color:#294148; 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.subcompany  { display: block;}
body#search .submenu.subempty,
body#email .submenu.subemail  { display: block;}
body#events .submenu.subevents { display: block;}
body#contact .submenu.subcontact { display: block;}
body#cart .submenu.subempty { display: block;}
body#termscon .submenu.subempty { display: block;}
body#privacy .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#collector.pgnewslettercover .subcollectorsub { display: block;}
body#collector.pgnewsletterspotlight .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;
  
}

div#submitdiv {
  margin-left: 7em;
  padding-left: 22px;
  padding-top: 0.3em;
  border-bottom:none;
}

input.checkbox {
  width: 20px;
}

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


input.shortfield {
  border: 2px solid #ffff00;  width:50px; background:#fff;
}

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

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

.submit {
  float:left;display:inline;cursor: pointer; background: url(../images/btn_search.gif) no-repeat;width:35px; height:23px; margin:6px 0px 0px 5px;padding:0px;border:0; font-size:11px;
}

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

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


/*MAIN SITE SEARCH FORM*/

#searchrowform {width:260px;height:34px;margin:20px 20px 0px 0px;padding:0px; float:right; background:#bec5c7;}
#searchform {width:260px;height:34px; margin:3px 0px 0px 0px;padding:0px;}

input.box {
	width: 180px;
	/*height: 23px;*/
	background: #ffffff;
	border:2px solid #aaaaaa;
	padding:3px 3px;
	margin:3px 0px 0px 10px;
	color:#666;
	float:left;display:inline;
}

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

.chart
{
	text-align: left;
	border:0px solid #0000ff;
	margin:0px;
	padding:0px;
	
}
.chart th
{
	font-size: 12px;
	color:#555;
	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: #68070e;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 0px;border:0px solid #ff00ff;
}

.eleven {font-size:12px;}
.nomargin div p {margin:0px;}

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


.products2 {float:left; width:130px;text-align:center;padding:10px 5px; display:inline; border:0px solid #ff0000;}
.productsimg2 {float:left; width:130px;height:90px;overflow:hidden;background:#fff;border:1px solid #ddd;}
.products {float:left; width:150px;text-align:center;padding:10px 5px 0px 20px;display:inline; border:0px solid #ff0000;}
.productsb {float:left; width:160px;text-align:center;padding:10px 5px; display:inline; border:0px solid #ff0000;}
.productsimg {
float:left; 
width:150px;
height:100px;
overflow:hidden;
background:#fff;
border-top:1px solid #ddd; 
border-right:1px solid #ddd;
border-bottom:3px solid #bbb; 
border-left:1px solid #ddd;
margin:0px 0px 7px 0px;
line-height:100px;
font-size:100px; 
display: table-cell;
vertical-align: middle;

}

.productsimg a {height:100px; line-height:100px;font-size:100px; }
/*.productsimg img {overflow:hidden;}*/
.productsimgb {float:left; width:150px;height:100px;overflow:hidden;background:#fff;border:1px solid #ddd;}
.productsdesc {float:left; width:130px;height:35px;overflow:hidden;border-top:2px solid #BBB;background:#fff;}
.productsdesc {float:left; width:130px;height:55px;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.list { float:left; position:relative; margin-left:10px; padding:0px;width:210px;border-right:1px solid #ccc;}
.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: #bdc5c7 url(../images/bg_holderdark.jpg) repeat-x; margin:10px 0px 10px 20px;  padding: 5px 5px 5px 0px; float:left;  color:#0d566c; 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:#4c5b5e; 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 
{
        width: 990px;
		height: 41px;
        margin: 0px;
        padding: 0px;
		position:relative;
}


#mainnav ul
{      
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}

#mainnav li
{
        display: inline;
        float:left;
		margin: 0px;
        padding: 0px;
		height: 41px;
}


#mainnav ul li.homebtn a {border:0px solid #000;margin: 0px;padding: 0px;float:left;height:41px;width:80px;}
#mainnav ul li.productbtn a {border:0px solid #000;margin: 0px;padding: 0px;float:left;width: 160px; height: 41px;}
#mainnav ul li.custombtn  a {border:0px solid #000;margin: 0px;padding: 0px;float:left;width: 360px; height: 41px;}
#mainnav ul li.whatsnewbtn  a {border:0px solid #000;margin: 0px;padding: 0px;float:left;width: 144px; height: 41px;}
#mainnav ul li.collectorbtn   a {border:0px solid #000;margin: 0px;padding: 0px;float:left;width: 171px; height: 41px;}