/* css reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* end css reset */


body { background: #6babde url(images/bg.gif); text-align: center; font-family: Arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; }

.clear { clear: both; }

#frame { width: 1060px; margin: 0 auto; text-align: left; }

#header { position: relative; height: 130px; margin: 20px 0 0 0; }

	#logo { position: absolute; bottom: 0; left: 0; }
	
	#day { position: absolute; top: 20px; left: 150px; }
	
	#banner1 { width: 728px; height: 90px; position: absolute; top: 0; right: 0; }
	
	#nav1 { position: absolute; bottom: 0; left: 150px; }
	
	#nav2 { position: absolute; bottom: 0; right: 0; }
	
	#nav1 li { float: left; margin-right: 20px; }
	
	#nav2 li { float: left; margin-left: 20px; }

#content { width: 871px; float: left; }

	#content h1 { color: #fff; font-size: 22px; text-transform: capitalize; font-weight: bold; margin: 0 0 10px 0; line-height: 28px; }

	#content h2 { color: #000000; font-size: 14px; text-transform: capitalize; font-weight: bold; margin: 0 0 10px 0; }
	
	#content h3 { color: #fff; font-size: 12px; text-transform: capitalize; font-weight: bold; margin: 0 0 10px 0; }

	#content p { color: #000; padding-bottom: 18px; }
	
	#content p2 { font-size: 10px; padding: 12px 0 0 0; color: #fff; text-align: right; }
	
	#content a { color: #0d2f4b; }
	
	#content .right img { padding: 10px 10px 10px 10px; }
	
	#content .right table img { padding: 0; }
	
	
	
	#content .left { float: left; width: 309px; margin: 20px 0 0 0; }
	
		#storelocator { width: 309px; height: 110px; background: url(images/bg_storelocator.gif) no-repeat; margin: 20px 0 0 0; position: relative; }
		
		#newsletter { width: 309px; height: 105px; background: url(images/bg_newsletter.gif) no-repeat; margin: 20px 0 0 0; position: relative; }
		
			#storelocator input.field, #newsletter input.field { width: 128px; height: 29px; border: none; position: absolute; top: 60px; left: 100px; }
			
			#storelocator input.btn { border: none; position: absolute; top: 60px; left: 235px; }
			
			#newsletter input.btn { border: none; position: absolute; top: 60px; left: 235px; }
		
		#social { width: 309px; height: 80px; margin: 40px 0 0 0; }
		
			#Twitter { float: center; margin: 20px 0 0 0; }
			
			#facebook { float: center; margin: 10px 0 0 0; }
			
			
		#comic { background: url(images/bg_comic.gif) no-repeat; width: 309px; height: 475px; position: relative;  }
			
			#comic h2 { position: absolute; top: 7px; left: 15px; font-family: Comic Sans MS, arial, sans-serif; font-size: 18px; color: #000;  }
			
			#comic img { position: absolute; top: 70px; left: 65px; }
			
		#details { color: #ffffff; font-size: 14px; padding: 0 0 15px 0; }
		
			#details p { color: #ffffff; padding: 0 0 0 0; }
	
	#content .right { float: right; width: 546px; margin: 20px 0 0 0; }
	
		#gold { border: 3px solid #c5a44c; margin: 20px}
		
		#content .right h3 { padding: 2px; background: #6babde; }
	
	#content .wide { width: 871px; margin: 20px 0 0 0; }
	
		#date { height: 249px; position: relative; }	
		
			#date h1 { position: absolute; top: 5px; left: 15px; font-family: Comic Sans MS, arial, sans-serif; font-size: 20px; color: #000; }
			
			#date h2 { margin: 0 20px 20px 340px; padding: 20px 0 0 0; color: #f00; font-size: 18px; font-weight: bold; }
			
			#date p { margin: 0 20px 0 340px; }		
			
			
			
	/* scroll area for flash
	#silver { width: 865px; height: 120px; margin: 20px 0 0 0; border: 3px solid #7ccfff; overflow: hidden; padding: 0px; clear:both; background: url(images/bg_silver.gif) repeat-x; }
	*/
	
	/* scroll area for javascript */
 	#silver { width: 865px; height: 120px; margin: 20px 0 0 0; border: 3px solid #7ccfff; overflow: hidden; padding: 0px; clear:both; background: url(images/bg_silver.gif) repeat-x; }

	#silver img { margin: 10px; border: 0px; clear:both; }
	
#banner2 { float: right; width: 120px; height: 600px; margin: 20px 0 0 0; }	
	
	
#footer { margin: 20px 0 0 0; height: 42px; background: <input type="text" #3f86c3>; }

	#footer p { font-size: 10px; padding: 12px 0 0 0; color: #fff; text-align: center; }
	
	#footer a { color: #fff; }
	
.tabletop td { vertical-align: top; padding: 10px; }

.comic { margin: 0; width: 100%; border: 0; text-align: left; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top }

	.comicright { float: right; padding: 15px 5px 15px 5px; width: 250px; height: 420px; }
	
	.comicleft { float: left; padding: 15px 5px 15px 5px; width: 250px; height: 420px; }

	.comic h2 { color: #000; font-size: 20px; text-transform: capitalize; font-weight: bold; }
	
ul.disc { list-style-type: disc; padding-left: 75px; }

#table { vertical-align: top; text-align: center; font-family: inherit; font-size: 11px; line-height: 13px; }

#sub { vertical-align: top; text-align: right; font-family: inherit; font-size: 11px; line-height: 0px; }

#content .abstract 
{ vertical-align:top;
font-family:Arial; 
line-height: 13px;
font-size: 11px;
padding: 5px 5px 5px 5px;	
}

#content .readmore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: normal;
	font-size: 11px;
	/*padding-left: 5px;*/
}	
#content .storeheader {
color: #fff; 
font-size: 12px; 
text-transform: capitalize; 
font-weight: bold; 
background-color:#2a6fb4; 
padding: 0 0 0 5px;
/*padding-left: 5px;*/
}