/* @override 
	http://monster.rlang.dev/skins/monster/css/monster.css
	http://dev.monstermovingsupplies.com/skins/monster/css/monster.css
*/

@charset "utf-8";
/* CSS Document */

body
{
	background:rgb(160,169,175) url(../resources/page/DiamondPlate1.jpg) repeat;
	margin: 0 auto;
	padding:0px;

}

img a {
	border: 0px;
}

table {
	border: 0px;
}

#main-container
{

	margin:auto;
	padding:0px;
	width: 852px;

}

#header
{

	background:url(../resources/page/button-bg.gif) no-repeat;
	height:140px;
	margin: auto;
	z-index:5000;
	position:relative;

}

#cms-left-col
{

	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	background:url(../resources/page/blue-crosshairs-top.png) top no-repeat;
	float:left;
	width:389px;
	min-height: 200px;
	position:relative;
	color:#666666;

}

#cms-right-col
{

	margin-left:55px;
	margin-right:10px;
	margin-top:20px;
	float:left;
	width:359px;
	position:relative;

}

#left-col
{
	margin:5px;
	padding: 15px;
	width:348px;
	min-height:100px;
	background:url(../resources/page/blue-crosshairs-bot.png) bottom no-repeat;
	background-position: bottom 7px;
}

#right-col
{

	margin-left:7px;
	position:relative;
	top:-15px;
}

#blue-crosshairs-top
{

	width:359px;
	background-image:url(../resources/page/blue-crosshairs-top.png);
	height:14px;
	position:relative;
	
}

#blue-crosshairs-bot
{
	float: left;
	width:359px;
	background-image:url(../resources/page/blue-crosshairs-bot.png);
	height:14px;
	
}

#yellow-crosshairs-top
{

	width:359px;
	background-image:url(../resources/page/yellow-crosshairs-top.png);
	height:14px;
	position:relative;
	
}

#yellow-crosshairs-bot
{

	width:359px;
	background-image:url(../resources/page/yellow-crosshairs-bot.png);
	height:14px;
	position:relative;
	top:-30px;
	
}

#logo
{
	float:left;
	/*background:url(../resources/page/mon-logo.png) no-repeat;*/
	width: 150px;
	height: 140px;
	z-index:1000;
}

#home-header
{

	background-image:url(../resources/page/home-header.gif);
	width:852px;
	height:173px;
	top:-74px;
	position:relative;
	z-index:10;
}

#nav
{
	width:615px;
	height:35px;
	float: left;
	/*position:relative;*/
	margin-top:45px;
	font-size:18px;

}

#main-content
{

	width:852px;
	background-image:url(../resources/page/flash_placeholder.jpg);

}

#cat-nav
{

	top:-74px;
	position:relative;

}

#cms-content
{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:852px;
	background-color: #ffffff;
	position:relative;
	z-index:0;
	float:left;
	min-height:578px;
}

#cms-content-page
{

	background:url(../resources/page/cms-bg.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:852px;
	min-height:400px;
	background-color: #ffffff;
	position:relative;
	z-index:0;
	float:left;
	top:-74px;
}

#home-banner
{
	background-image:url(../resources/page/home-banners.gif);
	width: 835px;
	height:39px;
	margin:10px 0px 0px 15px;

}

#cms-copy
{

	position:relative;
	top:-74px;

}

#cms-copy-page
{

	position:relative;
	float:left;
	width:702;
	margin:75px 15px 15px 150px;

}

#yellow-seperator
{

	width:852px;
	height:5px;
	background-color:#ffcc33;
	position:relative;
	top:-74px;
	float:left;
}

#blue-seperator
{

	width:852px;
	height:5px;
	background-color:#006699;
	position:relative;
	top:-74px;

}

#blue-seperator-main
{

	width:852px;
	height:5px;
	background-color:#006699;
	position:relative;

}

#cat-nav
{

	width:852px;

}

#prod-content
{
	
	position:absolute;
	width:852px;
	min-height: 350px;
	border-top: 2px solid rgb();
	background:rgb(255,255,255) url(../resources/page/prod-bg.gif);
	border-top:5px solid rgb(245,217,25);
}

#prod-content hr
{

	background-color: #cccccc;
	color:#cccccc;
	height: 1px;
	border:0px;
	top:-6px;
	position:relative;

}

#prod-left-col
{
	float:left;
	width:140px;
	min-height: 290px;
	padding-left: 10px;
	background:url(../resources/page/a-bg.png) repeat-x;

}

#prod-left-col ul
{
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(230,230,230);

}

#prod-left-col ul li{
	margin-left:-25px;
}

#prod-left-col a 
{
	
	color: rgb(230,230,230);
	text-decoration:none;
	
}

#prod-left-col a:link 
{

	color: rgb(230,230,230);
	text-decoration:none;
	
}

#prod-left-col a:visited 
{
	
	color: rgb(230,230,230);
	text-decoration:none;
	
}

#prod-left-col a:hover 
{

	color: rgb(245,217,25);
	font-style:italic;
	
}

#prod-left-col a:active 
{

	color: #ff9933;
	text-decoration:none;
	
}

#prod-right-col
{
	
	float:left;
	position:relative;
	width:150px;

}

#prod-main-content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	position:relative;
	float:left;
	width:530px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:8px;
	margin-top:8px;
	padding-top:25px;

}

#prod-main-content p
{

	font-size: 14px;
	color:#999999;

}

#prod-main-content h1{
	color: rgb(245,217,25);
	background-color:rgb(0,0,0);
	line-height: 32px;
	padding-left: 7px;
	font-size: 16px;
	font-style: italic;
	font-family: sans-serif;
}

#prod-main-content h3
{

	font-size: 14px;
	color:#006699;
	font-weight:bold;

}

#ind-prod-view
{
	
	float:left;
	/*position: relative;*/
	width: 700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:10px 0px 5px 115px;

}

#ind-prod-view-left
{

	float:left;
	width:212px;
	margin: 20px 40px 0px 8px;

}

#ind-prod-view-left a em{
	color: #006699;
	font-size: 14px;
}

#ind-prod-view-left ul
{

	list-style: url(../resources/page/bullet.png) disc;
	position:relative;
	font-size:12px;

}

#ind-prod-view-left-sub
{

	position: relative;
	top: -13px;

}

#ind-prod
{

	float:left;
	width: 177px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-left:25px;
	margin-right: 25px;
	
}

#ind-prod-crosshairs-top
{
	
	width:177px;
	height:12px;
	background-image:url(../resources/page/ind-prod-crosshairs-top.png);


}

#ind-prod-view-crosshairs-top
{
	
	width:333px;
	height:23px;
	background-image:url(../resources/page/ind-prod-view-crosshairs-top.png);


}

#ind-prod-view-crosshairs-bot
{
	
	width:333px;
	height:23px;
	/*background-image:url(../resources/page/ind-prod-view-crosshairs-bot.png);*/
	margin-bottom:15px;
	top:-15px;
	position:relative;


}

#ind-prod-crosshairs-bot
{
	
	width:177px;
	height:12px;
	/*background-image:url(../resources/page/ind-prod-crosshairs-bot.png);*/


}

#ind-prod-container
{

	width:727px;
	margin-left:125px;
	margin-right:10px;
	margin-top:25px;

}

#ind-prod-info
{

	margin:auto;
	height:195px;
	text-align:center;
	background:url(../resources/page/ind-prod-crosshairs-bot.png) no-repeat bottom;
	

}
img.prod
{
	display:block;
	position:relative;
	margin:auto;
	border:0px;

}

img.prod-view
{
	display:block;
	border:0px;
	position:relative;
	margin: auto;


}

#ind-prod-photo
{

	width:333px;
	height:350px;
	float:left;
	margin-left:40px;
	background:url(../resources/page/ind-prod-view-crosshairs-bot.png) no-repeat bottom;

}

#cat-index
{

	padding-top:15px;

}

#prod-main-content a 
{
	
	color: #000000;
	text-decoration:none;
	
}

#prod-main-content a:link 
{
	color: #000000;
	text-decoration:none;
}

#prod-main-content a:visited 
{
	color: #000000;
	text-decoration:none;
}

#prod-main-content a:hover 
{
	color: #ffcc33;
	text-decoration:underline;
}

#prod-main-content a:active 
{
	color: #ffcc33;
	text-decoration:none;	
}

#clearfloats
{
	clear:both;
}

#category-head
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight:bold;
	border-bottom: 2px rgb(235,217,25) solid;
	padding-left:10px;
	padding-top:15px;		
}

#footer
{
	clear:both;
	background-image:url(../resources/page/footer.png);
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffcc33;
	width:852px;
	background-color:#242423;
	height:52px;
	position:relative;
	padding-top:10px;	
}

#footer-cms
{
	clear:both;
	background-image:url(../resources/page/footer.png);
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffcc33;
	width:852px;
	background-color:#242423;
	height:52px;
	position:relative;
	padding-top:10px;
	top:-74px;
	
}

#footer a 
{
	color: #cccccc;
	text-decoration:none;
}

#footer a:link 
{
	color: #cccccc;
	text-decoration:none;
}

#footer a:visited 
{
	color: #cccccc;
	text-decoration:none;
}

#footer a:hover 
{
	color: #ff9933;
	text-decoration:underline;
}

#footer a:active 
{
	color: #ff9933;
	text-decoration:none;
}

#collection-default
{
	font-size:12px;
	float:left;
	background-color:#fff;
	padding: 1px;
	margin-bottom:1px;
	width: 125px;

}

#collection-default-links
{

	font-size:12px;
	float:left;
	background-color:#fff;
	padding: 2px;
	width: 77px;
	margin-left:1px;
	margin-bottom:px;
	text-align:center;

}

#collection-default-name
{
	font-size:12px;
	float:left;
	background-color:#fff;
	padding: 2px;
	width: 302px;
	margin-left:1px;
	margin-bottom:1px;
}

#collection-odd
{
	font-size:12px;
	float:left;
	background-color:#cccccc;
	padding: 2px;
	margin-bottom:1px;
	width: 125px;
}

#collection-odd-links
{
	font-size:12px;
	float:left;
	background-color:#cccccc;
	padding: 2px;
	width: 77px;
	margin-left:1px;
	margin-bottom:1px;
	text-align:right;
}

#collection-odd-name
{
	font-size:12px;
	float:left;
	text-transform: lowercase;
	background-color:#cccccc;
	padding: 2px;
	width: 302px;
	margin-left:1px;
	margin-bottom:1px;

}

#collection-even-name
{
	font-size:12px;
	float:left;
	text-transform: lowercase;
	background-color:#999999;
	padding: 2px;
	width: 302px;
	margin-left:1px;
	margin-bottom:1px;

}

#collection-even
{
	font-size:12px;
	float:left;
	background-color:#999999;
	padding: 2px;
	width: 125px;
	margin-bottom:1px;

}

#collection-even-links
{
	font-size:12px;
	float:left;
	background-color:#999999;
	padding: 2px;
	width: 77px;
	margin-left:1px;
	text-align:right;
	margin-bottom:1px;

}

#grid-row
{
	float:left;
	margin-top:25px;
	margin-left:15px;
	position:relative;

}

#form-label
{

	font-size:12px;
	color:#006699;
	margin-bottom:3px;
}

#form-element
{

	font-size:12px;
	margin-bottom:10px;
	width:100px;
	color:#999999;
}

.error
{
	top:-10px;
	position:relative;
	font-size:10px;
	color:#ff0000;
}

.message
{
	top:-10px;
	margin-left:5px;
	position:relative;
	font-size:12px;
	color:#66cc66;
}

#admin-form
{
	margin-left: 5px;
	font-size:14px;
}

#admin-form-login
{
	margin-left: 50px;
	font-size:14px;
}

#admin-form-error p
{
	top:-10px;
	position:relative;
	font-size:10px;
	color:#ff0000;
}

#admin-form a 
{
	
	color: #666666;
	text-decoration:none;
	font-size:14px;
	
}

#admin-form a:link 
{

	color: #666666;
	text-decoration:none;
	font-size:14px;
}

#admin-form a:visited 
{
	
	color: #666666;
	text-decoration:none;
	font-size:14px;
}

#admin-form a:hover 
{

	color: #ff9933;
	text-decoration:underline;
	font-size:14px;
	
}

#admin-form a:active 
{

	color: #ff9933;
	text-decoration:none;
	font-size:14px;
}

#admin-form-photo-info
{

	float:left;

}

#admin-form ul
{

	list-style:none;
	left:-20px;
	position:relative;

}

#admin-form-image
{

	float:left;

}


/** CSS Drop Down Menu **/

#top-nav-container
	{
	position: absolute;		
	top: 33px;
	left: 130px;
	}

#top-nav
	{
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0.5em;
	margin-top: 13px;
	}
		
#top-nav a
	{
	text-align: center;
	display:block;
	border: 0px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#top-nav a:link, #top-nav a:visited, #top-nav a:active	/* menu at rest */
	{
	color: white;
	background-color: #000;
	text-decoration:none;
	}
	
#top-nav a:hover						/* menu on mouse-over  */
	{
	color: #000;
	background-color: rgb(245,217,25);
	text-decoration:none;
	}	
	
#top-nav a.top_parent   
	{
	background: url(../resources/buttons/button.gif) no-repeat top left;
	height:30px;
	padding: 8px 10px 0px 30px;
	}
	
#top-nav a.parent, #top-nav a.top_parent:hover	
	{
	background: url(../resources/buttons/button-hover.gif) no-repeat top left;
	}

#top-nav ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:12em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#top-nav a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#top-nav li
	{
	position:relative;
	min-height: 1px;		
	vertical-align: bottom;		
	}

#top-nav ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;	
	}


#top-nav ul ul ul
	{
	top:0;
	left:100%;
	}

div#top-nav li:hover
	{
	background: url();
	cursor:pointer;
	z-index:100;
	}

div#top-nav li:hover ul ul,
div#top-nav li li:hover ul ul,
div#top-nav li li li:hover ul ul,
div#top-nav li li li li:hover ul ul
{display:none;}

div#top-nav li:hover ul,
div#top-nav li li:hover ul,
div#top-nav li li li:hover ul,
div#top-nav li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */