/* www.mustangseatdeletes.com  aoart5.com  08/28/2007 */ 

html, body	{ 

 			margin:0; 

 			padding:0; 

 			text-align:center;

 			font-family: Arial, Verdana, sans-serif;

			} 



body			{

				font-family: Arial, Verdana, sans-serif;

				font-size:.8em;

				behavior:url(includes/csshover.htc);

				} 	

			

* {margin:0; padding:0;} 	



.highlight		{

				color:#0000C0;

				font-size:1.1em;

				}

				

.safety			{

				color:#FF0000;

				font-size:1.1em;

				font-weight:bold;

				}

 

#HomePagewidth	{ 

 				width:780px; 

 				text-align:left;  

 				margin-left:auto; 

 				margin-right:auto;

 				background-image:url('../images/blue_border_bkgr.jpg');

				background-position:top left;

				background-repeat:repeat-y;  

				} 



#HomeWrapper	{

				}

				 

#HomeHeader		{

 				position:relative;

 				margin:0px;

 				height; 

  				background-color:;

  				background-image:url('../images/blue_border_top.jpg');

				background-position: left top;

				background-repeat:no-repeat;   

 				width:100%;

 				z-index:10

				} 



#HomeGraphic			{

				position:relative;

				margin-top:0px; 

				margin-left:55px;

				}

				

.margin_top	{

				margin-top:20px;

				}				

				 				

#HomeTextLogo			{

				position:relative; 

				margin-top:-30px; 

				margin-left:35px;

				} 

 

#HomeMaincol	{

				background-color: ;  

 				float: right; 

 				display:inline; 

 				position: relative; 

 				width:100%;

 				z-index:5

 				}





#TopMenu			{

				position:relative;

				width:710px;

				height:50px;

				border:0px solid #0000C0;

				background-image:url('../images/top_menu_bg.jpg');

				background-position: left top;

				background-repeat:no-repeat; 				

				background-color:#DCDCDC;

				margin-top:-5px;

				margin-left:32px;

				margin-right:auto;

				}

				

/*  home page content divs	*/	



#MainHomeContent	{

					border:0px solid red; 

					width: 710px; 

					height:250px; 

					margin-left:30px; 

					margin-right:auto;

					}

					

#MainHomeContent a:link 			{ 

								display:inline;

								font-weight: normal; 

								text-decoration: underline; 

								color: #0000C0;

								}

				

#MainHomeContent a:visited 		{ 

								display:inline;

								font-weight: normal; 

								text-decoration: underline; 

								color: #000000;

								}

				

#MainHomeContent a:hover, a:active 	{ 

									display:inline;

									font-weight: normal; 

									text-decoration: none; 

									color: #FF0000;

									}			

				

#HomeContentLeft		{

					position:relative;

					width:350px;

					height:250px;

					background-image:url('../images/grey_box_bg_sm2.jpg');

					background-position: left top;

					background-repeat:no-repeat; 

					border:0px solid blue;

					float:left;

					margin-top:0px;

					margin-left:0px;

					}



#HomeContentLeft p		{

						margin:0px;

						padding:15px;

						padding-left:15px;

						}	

					

#HomeContentRight	{

					position:relative;

					width:350px;

					height:250px;

					background-image:url('../images/grey_box_bg_sm2.jpg');

					background-position: left top;

					background-repeat:no-repeat; 

					border:0px solid blue;

					float:right;

					margin-top:0px;

					margin-right:0px;

					color: #0000C0;

					}

					

#HomeContentRight p		{

						margin:0px;

						padding:15px;

						padding-left:15px;

						font-weight:bold;

						}	

						

#HomeContentRight ul	{

						padding-right:15px;

						margin-left:5px;

						}		

						

#HomeContentRight li	{

						margin-left:10px;

						}

					 				

.image_right	{

				margin-left:0px;

				margin-top:0px;

				} 				

 

.float_right	{

				float:right;

				margin-top:-10px;

				margin-right:35px;

				} 	

#HomeInsideFooter		{

 				height:40px; 

  				background-color:; 

 				clear:both;

 				background-image:url('../images/blue_border_bottom.jpg');

				background-position: left bottom;

				background-repeat:no-repeat 

 				} 

 

/*  Footer Copyright styles */



div#PageFooter  {

	position:relative;

	width:500px;

	margin-left: auto;

	margin-right: auto;

	padding-top: 2px; padding-bottom: 10px;

	font: bold 10px verdana;

	color: #999; 

	text-align:center; 

	z-index: 95;  

	} 

	

#PageFooter a:link 	{ 

					display:inline;

					font-weight: normal; 

					text-decoration: none; 

					}

				

#PageFooter a:visited 		{ 

								display:inline;

								font-weight: normal; 

								text-decoration: none; 

								color: #C0C0C0;

								}

				

#PageFooter a:hover, a:active 	{ 

								display:inline;

								font-weight: normal; 

								text-decoration: underline; 

								color: #FF0000;

								}		



 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */





/* the horizontal menu starts here */

div#listmenu {

	width:400px; 	/* makes the div full width */

	float:right; /*makes the div enclose the list */

	border-top:1px solid #0000C0;	/* draws line on top edge of div */

	border-bottom:1px solid #0000C0;	 /* draws line on bottom edge of div */

	font-size:.9em;	/* SET FONT-SIZE HERE */

	font-weight:bold;

	background-color:#0000C0; /* colors the div */

	margin-top:12px;

	margin-right:10px;

	z-index:10

	}

div#listmenu ul {margin:0 20px 0 0;/* indents ul from edge of container */

	}

div#listmenu li {

	float:left;	/* causes the list to align horizontally instead of stack */

	position:relative; /* positioning context for the absolutely positioned drop-down */

	list-style-type:none;	/* removes the bullet off each list item */

	background-color:#0000C0; /*sets the background of the menu items */

	border-right:2px solid #FFF

	}

div#listmenu li:first-child {

	border-left:1px solid #0000C0; /*the first vertical line on the menu */

	}

	

div#listmenu li a:hover, li a:active { 

	background-color:#0000C0; /*sets the background of the menu items */

	font-weight:bold;

	}

div#listmenu a {

	display:block;

	padding:3px 10px; /*creates space each side of menu item's text */

	text-decoration:none;	 /* removes the underlining of the link */

	color:#FFF;	/* sets the type color */

	}

div#listmenu a:hover {

	color:#FF0000;

	}

/* the horizontal menu ends here */



/* the drop-down starts here */

div#listmenu ul li ul {

	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */

	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */

	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/

	left:-25px; /*aligns the drop exactly under the menu */

	}

div#listmenu ul li ul li {

	width:100%; /* makes the list items fill the list container (ul) */

	border-left:1px solid #FFF; /*  three sides of each drop-down item */

	border-bottom:1px solid #FFF;

	border-right:1px solid #FFF;

	}

div#listmenu ul li ul li:first-child {

	border-top:1px solid #0000C0; /*the top edge of the dropdown */

	}

/* make the drop-down display as the menu is rolled over */

div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */



/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html div#listmenu ul {

	float:left; /* makes the ul wrap the li's */

	border-left:1px solid #0000C0; /* adds the rightmost menu vertical line to the ul */

	margin-left:15px; /* IE doubles the given value above - why? */

	}

* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */

/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  div#listmenu ul li ul {

	border-top:1px solid #069;

	border-left:0px; /* stops the drop inheriting the ul border */

	}

/* end of hack zone */

/* END OF LIST-BASED MENU */



/* Inside page specific CSS styles */



#InsidePagewidth	{ 

 					width:780px;
					min-height:650px;

 					text-align:left;  

					margin-left:auto; 

 					margin-right:auto;

    				background-image:url('../images/blue_border_bkgr.jpg');

					background-position:left top;

					background-repeat:repeat-y;

					} 

 

#InsideHeader		{

 					position:relative; 

 					height:150px; 

					background-color:;

  					background-image:url('../images/blue_border_top.jpg');

					background-position: left top;

					background-repeat:no-repeat;  

 					width:100%;

 					z-index:10

					} 



 

#InsideLeftcol		{				

 					display:none;

 					width:140px;  

 					float:left; 

  					position:relative; 

  					background-color:;

   					margin-left:0px;

   					border:0px solid red

  					}

 

#InsideMaincol		{

					background-color: ;  

 					float: right; 

 					display:inline; 

 					position: relative; 

 					width:720px;

 					margin-top:35px;

 					margin-right:35px;

 					z-index:5;

 					border:0px solid purple

 					}

 					

#InsideMaincol a:link 			{ 

								display:inline;

								font-weight: normal; 

								text-decoration: underline; 

								color: #000000;

								}

				

#InsideMaincol a:visited 		{ 

								display:inline;

								font-weight: normal; 

								text-decoration: underline; 

								color: #000000;

								}

				

#InsideMaincol a:hover, a:active 	{ 

									display:inline;

									font-weight: normal; 

									text-decoration: none; 

									color: #FF0000;

									}	

									

#InsideMaincol ul		{

						padding-right:15px;

						margin-left:10px;

						color: #000000;

						}		

						

#InsideMaincol li		{

						margin-left:8px;

						color: #000000;

						}						

 					

.Breadcrumbs		{

					text-align:right;

					font-size:.9em;

					margin-top:5px;

					margin-right:15px;

					margin-bottom:10px;

					} 					



					

#InsideMaincol h3	{

					font-size:1.3em;

					}

					

#InsideSlideShow	{

					border:2px solid #FF0000; 

					float:right; 

					width:400px; 

					padding:5px;

					margin-top:10px;

					margin-bottom:20px;

					margin-left:5px; 

					}

					

#loadarea			{

					width: 400px; 

					height:300px;

					border:1px solid #000;

					}					

					

#ThumbnailContainer	{

					margin-top:10px;

					border:0px solid red;

					height:100%;

					width:400px;

					}

					

.thumbnail			{

					width:110px; 

					height:85px; 

					float:left;

					margin-top:10px;

					margin-right:32px; 

					}

					

.thumbnail_right	{

					width:110px; 

					height:85px; 

					float:right;

					margin-top:10px;

					margin-right:0px;

					}

					

.thumbnail img		{

					border:0px;

					}

					

.thumbnail_right img		{

					border:0px;

					}					

				



#Paypal				{

					border:1px solid #C0C0C0; 

					margin-top:35px; 

					width:280px; 

					padding:5px;

					}

					

#OrderProduct		{

			clear:right; 

			width:710px;

			height:250px;

			background-color:#FFF;

			background-image:url('../images/order_bg_small.jpg');

			background-position:0 0;

			background-repeat:no-repeat;  

			border:0px solid #000;

			padding:5px;

			padding-top:20px;

			}

#OrderProductSm		{

			clear:right; 

			width:380px;

			height:250px;

			background-color:#FFF;

			background-image:url('../images/order_bg_small.jpg');

			background-position:top;

			background-repeat:no-repeat;  

			border:0px solid #000;

			padding:5px;

			padding-top:20px;

			}


#OrderProduct ul	{

			margin-left:25px;

			}





#OrderProduct p, ul, form	{

							padding-left:15px;

							color:#0000C0;

							}

						 

#InsideFooter		{

 					height:25px; 

  					background-color:; 

     					background-image:url('../images/blue_border_bottom.jpg');

					background-position: left bottom;

					background-repeat:no-repeat; 

 					clear:both 

					

 					} 





/*  misc. catalog styles */



.item_name	{

			font-weight:bold;

			}

			

.price		{

			font-weight:bold;

			}

			

/*printer styles*/ 

 @media print{ 

/*hide the InsideSlideShow column when printing*/

#InsideHeader {display:none;} 

#InsideSlideShow, #Paypal {display:none;} 

#InsidePagewidth{width:650px; float:right;}

#InsideMaincol {width:550px; float:right;}

}	



/* form styles */



.cssform	{

			background: #DCDCDC;

			border: 2px solid #000;

			padding: 5px;

			width: 450px;

			}



.cssform p{

width: 300px;

clear: left;

margin: 0;

padding: 5px 0 8px 0;

padding-left: 155px; /*width of left column containing the label elements*/

border-top: 1px dashed gray;

height: 1%;

}



.cssform label{

font-weight: bold;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

}



.cssform textarea{

width: 250px;

height: 150px;

}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix{

margin-left: 3px;

}



.submit, .reset		{

					color:#FFFFFF;

					font-weight:bold;

					background-color: #0000C0;
					height:2em;
					padding:5px;

					}