/* CSS Document */

/*  load Yahooo reset settings and some other general resets to zero out all values */

@import "reset.css";



/*  Standard Layout begins */



body				{ background:#FFFFFF; font-size:15px; line-height: 2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;
					text-align:left; }



/* General */

div 				{ position:relative; }

.clear 				{ clear:both; display:block; height:1px; margin:-1px 0 0 0; }



/* HOLDS BG IMAGE */

#bgimage            { background: #000000 url('images/bg_page2.jpg') no-repeat fixed center top; }

#bgimage_enterPage  { background: #000000 url('images/load_image.jpg') no-repeat fixed center; }



/* MAIN WRAPPER FOR WHOLE PAGE */

#page				{margin: 0 auto; width: 1004px; }



/* CHNAGE WIDTH HERE */

#main			{ position:absolute; left:20px; width: 690px; height: 600px; clear: both; margin: 0 auto; overflow:auto;}


/* MAIN LAYOUT DIVS */

#header				{background: url('images/PJ420-web-banner.gif'); height: 170px; margin: 10px 0; border: 1px solid #7a7a7a;  }

#main				{ clear:both; min-height: 400px; text-align:left; }

#content			{ float:left; min-height: 400px; width: 630px; padding: 20px; background:#CCCCCC; border: 1px solid #7a7a7a; text-align:left; }

#sidebar			{float: right; width: 230px; min-height: 400px; padding: 20px; background: #CCCCCC; border: 1px solid #7a7a7a; }

#sidebar2			{position:absolute; top:220px; left:735px; width: 230px; min-height: 400px; padding: 20px; background: #CCCCCC; border: 1px solid #7a7a7a; }


#sidebar3			{position:absolute; top:230px; left:800px; width: 230px; min-height: 400px; padding: 20px; background: #CCCCCC; border: 1px solid #7a7a7a; }

#footer				{position:absolute; left:20px; top:900px; background: #000000 url('images/bg_footer.png') repeat-x; clear: both; width: width: 960px; height: 100px; border: 1px solid #7a7a7a;}

#pageBottom			{position:absolute; left:20px; top:410px; background: url('images/bg_pageBottom.png') repeat-x; }




/* MINOR LAYOUTS */

#storeContent		{ float: none; padding: 20px; background: #CCCCCC; border: 1px solid #7a7a7a; }

#videos				{ text-align: left; background:#CCCCCC none repeat scroll 0 50%; padding:10px; border: 1px solid #7a7a7a;}

#photos				{  float: none; width: 920px; padding: 20px; background: #CCCCCC; border: 1px solid #7a7a7a; }



/* DIV CLASSES  */

.nav				{}

.product			{ width: 200px; float: left; background:#CCCCCC; display: inline; padding: 8px; margin: 6px; border: 1px solid #000000; }

.product p			{ padding: 6px; }

.product a			{ text-align: left; }

.store				{ clear: both; }

//.video				{background:#000000 none repeat scroll 0; border:1px solid; margin:10px; padding:10px; }



#videos embed 		{background:#000000 none repeat scroll 0; border:1px solid; margin:10px; padding:10px;}



/* HEADLINES  */



h1					{ font-size: 1.4em;  }

h2					{ font-size: 1.3em; }

h3					{ font-size: 1.3em; }

h4					{ font-size: 1.2em; }

h5					{ font-size: 1.1em; }

h6					{}



/* TEXT 		*/

p					{}

blockquote			{}

caption				{}

address				{}



/* LINKS 		*/

a					{ color:#C0B610; }

a:hover				{ color:#ded20f; }

a:visited			{}

a					{text-decoration:none; color:#666666;}




/* LISTS 		*/

/*

ul					{}

ul li				{}



ol					{}

ol li				{}



#sidebar ul			{}

#sidebar ul li		{}



.nav ul				{}

.nav ul li			{ display: inline; margin: 0px 10px; display:inline; font-size:1.2em;}

*/

#navigation

{
	height:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#CCCCCC;
	text-decoration: none;
}

#navigation ul
{
	list-style-type: none;}

#navigation li
{
	display: inline;
}

#navigation ul li a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#CCCCCC;
	text-decoration: none;
	text-align:center;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom:10px;
}

#navigation ul li a:hover
{
	color:#66FFCC;
}

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

/* IMAGES 		*/

img					{}

#content img		{ width: 200px; border: 1px solid #7a7a7a; }

.product img		{ width: 160px; margin: 0 16px; padding: 2px; border: 1px solid #ffffff; }



.thumbnails 		{ width: 286px; float: none; margin: 30px 0px 0px 12px; border: 1px solid #7a7a7a;}

.banner				{ width: 230px; float: none; border: 1px solid #7a7a7a; margin: 4px 0; }

//.thumbnails img		{ width: 190px; float: left; margin: 4px; }





/* TABLES   	*/

table				{}

tr					{}

td					{}



/* FORMS  		*/

form				{ text-align: left; }

textarea			{}

input				{}