/* =css information
--------------------------------------------------
	gallery.css:		screen
	site:				Gallery popups (made for BlueChart g2
	author:				Garmin webteam - kyle johnston
	updated:			February 2, 2006	
--------------------------------------------------*/

/* =base styles
--------------------------------------------------*/
body { margin:0; padding:0; background-color:#FFF; color:#222; font:12px/1.5em Arial, Helvetica, sans-serif; text-align:center; }
.clear { clear:both; }

/* =header
--------------------------------------------------*/
#header { margin:0; padding:0; width:100%; height:30px; background:#000 url(/graphics/gallery/gr-GarminLogo.jpg) top left no-repeat; text-align:center; }
#header h1 { margin:0; padding:0; font:bold 17px/30px Arial, Helvetica, sans-serif; color:#FFF; }
#header b { display:none; }

/* =content
--------------------------------------------------*/
#maincontent { margin:0 auto; padding:10px 0 5px 0; width:480px; text-align:left;}
#maincontent img { margin:0 10px 0 0; padding:0; border:0; /*float:left;*/ }
#maincontent p { margin:.5em 0 1em 0; padding:4px 0 0 0; border-top:1px solid #CCC; }

/* =footer
--------------------------------------------------*/
/* blue bar */
#footer { margin:0; padding:0; width:100%; height:30px; background-color:#5780AE; color:#FFF; clear:left; }
#footer a:link, #footer a:visited { color:#FFF; }
#footer a:hover, #footer a:active { font-weight:bold; }
#copyright { float:left; line-height:30px; }
/* black bar */
#footerToo { margin:0; padding:0; width:100%; height:30px; background-color:#000; }
/* buttons */
#pageNav { margin:0; padding:0; width:50px; float:right; }
#pageNav b { display:none; }
#pageNav .previous, #pageNav .next { margin:0; padding:0; width:24px; height:30px; float:left; }
#pageNav .previous { background:#005488 url(/graphics/gallery/bt-left.gif) top left no-repeat; }
#pageNav .next { background:#005488 url(/graphics/gallery/bt-right.gif) top left no-repeat; }
/* left button (rollover action) */
a#left { display: block; width: 24px; height: 30px; }
#pageNav a#left:hover { background: transparent url(/graphics/gallery/bt-left.gif) 0 -30px no-repeat; }
/* right button (rollover action) */
a#right { display: block; width: 24px; height: 30px; }
#pageNav a#right:hover { background: transparent url(/graphics/gallery/bt-right.gif) 0 -30px no-repeat; }