



/*-------------------------------------------------------

CSS Stylesheet


///////////////////////////////////////////////////////*/

/*-------------------------------------------------------------------

Layout

===================================================================*/

#header

{

	background: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	


}

#main

{

	background: #FFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#fixednav #main

{

	background: url( 'http://www.mbracingnj.com/images/rpm/bg_fixed_nav.png' ) #FFF;

	background-position: left;

	background-repeat: repeat-y;


}

#gamma

{

	padding-top: 10px;

}

/*-------------------------------------------------------------------

~~Base

===================================================================*/

body

{

	background-image: url(http://www.mbracingnj.com/images/bg.gif);

	<!-- background-repeat: repeat-y; 

	background-position: center; -->

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;
	




}

img

{

	border: 0;
	
}

p

{

	line-height: 1.5;

}

h1 {
	font-size: 16px;
	line-height: 1em;
	font-weight: 900;
}

h2 {
	font-size: 15px;
	line-height: 1em;
	font-weight: 900;
}

h3 {
	font-size: 14px;
	line-height: 1em;
	font-weight: 900;
}

h4 {

	font-size: 13px;
	line-height: 1em;
	font-weight: 900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 12px;
	line-height: 1em;
	font-weight: 900;
}

h6 {
	font-size: 11px;
	line-height: 1em;
	font-weight: 900;
}



a

{

	color: #CCCCCC;

}

a:hover

{

	color: #E00000;

}

/*-------------------------------------------------------------------

~~Header

===================================================================*/



/*TOP Most Portion - Logo & Links */

#branding #logo

{

	/* 	padding: 10px 0; */

	padding: 0px;

	float: left;

}

#branding #nav

{

	margin: 5px -2.5px 0 0;

	font-size: 11px;

	text-align: center;

	float: right;

}

#branding ul

{

	margin: 0;

	padding: 0;

}

#branding li

{

	display: inline;

	list-style: none;

	margin: 0 2.5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#branding ul a

{

	padding: 5px 10px;

	border-left: 1px solid #AAA;

	border-bottom: 1px solid #AAA;

	border-right: 1px solid #AAA;

	background: #F0F0F0;

	font-weight: bold;

	color: #000;

	text-decoration: none;

}

#branding ul a:hover

{

	padding: 5px 10px 10px 10px;

	border-bottom: 2px solid #AAA;

}

/*STACKED Navigation*/

#navcategories

{

	background-image: url(http://www.mbracingnj.com/images/rpm/top_module1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	
	color: #CCCCCC;
	text-align: center;

}

#navbrands

{

	background-image: url(http://www.mbracingnj.com/images/rpm/top_module1.jpg);
	background-repeat: repeat-x;
	background-position: center top;

	color: #CCCCCC;
	text-align: center;


}

#ctl00_searchpanel

{

	background-image: url(http://www.mbracingnj.com/images/rpm/top_module1.jpg);
	background-repeat: repeat-x;
	background-position: center top;

	color: #CCCCCC;
	text-align: center;

}

#categorylist

{

	/* background-color: #000000; */
	width: 154px;
	/* border: 1px solid #FF3300; */
	align: center;

}

#headernav

{

	height: 90px;

	margin: 0 -10px;

	background: #000;

	color: #FFF;

	font-size: 11px;

}

#headernav a

{

	color: #FFF;

}

#headernav #categories, #headernav #ourshop

{

	padding: 10px 0;

	margin: 0 0 0 10px;

}

#headernav #categories a, #headernav #ourshop a

{

	text-decoration: none;

	font-weight: bold;

}

#headernav ul

{

	list-style: none;

	margin: 0;

	padding: 0;

}

#headernav a:hover

{

}

#headernav #selectedapplication

{

	padding: 10px 0;

	float: right;

	text-align: right;

}



/*MENU Navigation*/

#headermb

{

	width: 938px;

	margin: 0 -10px;

	position: relative;

	padding-top: 0px;

}

#headermenu

{

	width: 938px;

	margin: 0 -10px;

	padding: 10px 0;

	position: relative;

	background: #000;

	color: #FFF;

}

#headermenu a

{

	color: #FFF;

}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */

/* So, effectively says: style all tiers in the menu this way... */

#headermenu ul ul

{

	background: url( 'http://mbracinginc.rpmware.com/public/images/bg_blk_85.png' );

}

/* The menu adapter generates a list item (li) in HTML for each menu item. */

/* Use this rule create the common appearance of each menu item. */

#headermenu ul.AspNet-Menu li

{

	color: #CCCCCC;

}

/* The menu adapter generates a list item (li) in HTML for each menu item. */

/* Use this rule create the common appearance of each menu item. */

#headermenu ul.AspNet-Menu li.AspNet-Menu-WithChildren

{

	padding: 10px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #CCCCCC;

}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */

/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */

/* in each menu item. One comes from the CSS rule (above) governing the li tag that each menu item has. */

/* The second image comes from this rule (below). */

#headermenu ul.AspNet-Menu li a, #headermenu ul.AspNet-Menu li span

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



/* When a menu item contains no submenu items it is marked as a'leaf'and can be styled specially by this rule. */

#headermenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, #headermenu ul.AspNet-Menu li.AspNet-Menu-Leaf span

{

	padding: 4px 2px 4px 8px;

	border-bottom: 0;

	font-weight: normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

/* While you hover over a list item (li) you are also hovering over a link or span because */

/* the link or span covers the interior of the li. So you can set some hover-related styles */

/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */

#headermenu ul.AspNet-Menu li a:hover, #headermenu ul.AspNet-Menu li span.Asp-Menu-Hover

{

}

#headermenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover

{

	background: url( 'http://mbracinginc.rpmware.com/public/images/bg_blk_85.png' );

	font-weight: bold;

}

/* -------------------------------------------------------------------------- */

/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */

/* whose class is AspNet-Menu-Horizontal. */

/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */

/* a specific place in the web page. Your web site will likely use a different technique to position your */

/* menu. So feel free to change all the properties found in this CSS rule if you clone this style sheet. */

/* There is nothing, per se, that is magical about these particular property value choices. They happen to */

/* work well for the sample page used to demonstrate an adapted menu. */

#headermenu .AspNet-Menu-Horizontal

{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 300;

}

/* This rule controls the width of the top tier of the horizontal menu. */

/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */

/* up from left to right. In other words, this width needs to be the width of the individual */

/* top tier menu items multiplied by the number of items. */

#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu

{



}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */

/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */

/* the topmost tier's appearance. */

/* Remember that only the topmost tier of the menu is horizontal. The second and third tiers are vertical. */

/* So, they need a much smaller width than the top tier. Effectively, the width specified here is simply */

/* the width of a single menu item in the second and their tiers. */

#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul

{

	width: 38em;

	left: 0;

	top: 100%;

}

/* Generally, you use this rule to set style properties that pertain to all menu items. */

/* One exception is the width set here. We will override this width with a more specific rule (below) */

/* That sets the width for all menu items from the second tier downward in the menu. */

#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu li

{

	width: 9em;

}

/* This rule establishes the width of menu items below the top tier. This allows the top tier menu items */

/* to be narrower, for example, than the sub-menu items. */

/* This value you set here should be slightly larger than the left margin value in the next rule. See */

/* its comment for more details. */

#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li

{

	text-align: left;

	width: 19em;

}

#headermenu #selectedapplication_menu

{

	padding: 0 10px;

}

#headermenu #selectedapplication_menu a

{

	margin: 0px 0 0 5px;

}

/* End of header div */

#endheader

{

}

/*-------------------------------------------------------------------

~~Fixed Nav

===================================================================*/

#alpha #welcome

{

	background: url( 'http://mbracinginc.rpmware.com/public/images/bg_blk_65.png' );

	color: #fff;

	padding: 10px;

	border-top: 1px solid #000;

	border-right: 1px solid #000;

	border-bottom: 1px solid #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	

}

#alpha #welcome ul

{

	list-style-type: none;

	padding: 5px 0;

	margin: 0;

	border-top: 1px solid #fff;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#alpha #welcome a

{

	color: #FFF;

}

#alpha h4

{

	padding: 5px 0;

	margin: 0;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#alpha #categorylist, #alpha #brandlist

{

	padding: 0 0 0 10px;

	margin: 10px 0 0 0;

}

#alpha #categorylist ul, #alpha #brandlist ul

{

	list-style-type: none;

	padding: 5px 0;

	margin: 0;

	border-top: 1px solid #AAA;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font: #CCCCCC;

}

/*-------------------------------------------------------------------

~~Footer

===================================================================*/

#footer

{

}

#footer a

{

	color: #FFF;

}

#footer #copyright

{

	float: left;

	padding: 10px 0;

	color: #FFF;

}

#footer #poweredby

{

	float: right;

	padding: 10px 0;

}

/*-------------------------------------------------------------------

~~AJAX

===================================================================*/

.popup

{

	background: url( 'http://mbracinginc.rpmware.com/public/images/bg_blk_85.png' );

	color: #FFF;

	padding: 15px;

	border: 1px solid #000;

}

.popup h2

{

	color: #FFF;

	margin-top: 0;

}

.popup .action

{

	padding: 10px 0 0 0;

	border-top: 1px solid #FFF;

}

.display

{

	visibility: hidden;

}

.updateprogress

{

	text-align: center;

}



/*-------------------------------------------------------------------

~~MODULES

===================================================================*/

.module

{

	border: 1px solid #AAA;

	background: #F9F9F9;

	margin-bottom: 10px;

	padding: 5px;

}

.module span

{

	padding: 5px 0;

}

.module .section

{

	border-bottom: 1px solid #AAA;

}

.module .label

{

	width: 45px;

	float: left;

	font-weight: bold;

}

.module .receipt

{

	display: block;

	float: right;

	width: 155px;

}

.module .title

{

	padding: 5px;

	background: #D1D1D1;

	border-bottom: 1px solid #A0A0A0;

	font-weight: bold;

}

.module .title .text

{

	padding-top: 2px;

}

.module .title select

{

	font-size: 11px;

}

.module .title a

{

    color: #FFF;

}

.module .empty

{

	padding: 20px;

	border-bottom: 1px solid #DDD;

	color: #A0A0A0;

	text-align: center;

}

.module_bottom_border

{

    border-bottom: 1px solid #DDD;

    margin-bottom: 15px;

}

.module_bottom

{

    margin-bottom: 15px;

}





/*-------------------------------------------------------------------

~~Default.aspx (HomePage)

===================================================================*/

#homepagefeatures

{

}

#homepagefeatures table

{

	border-collapse: collapse;

	width: 100%;

}

#homepagefeatures td

{

	text-align: center;

	width: 25%;

	padding: 20px;

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

}

#homepagefeatures img

{

	margin: 0 0 10px 0;

}

/*-------------------------------------------------------------------

~~ItmBrand.aspx (Brands Page)

===================================================================*/

#allbrands

{

}

#allbrands table

{

	border-collapse: collapse;

	width: 100%;

}

#allbrands td

{

	text-align: center;

	width: 25%;

	padding: 20px;

	border-bottom: 1px solid #AAA;

	border-top: 1px solid #AAA;

}

#allbrands img

{

	margin: 0 0 10px 0;

}

/*-------------------------------------------------------------------

~~Vehicle.aspx

===================================================================*/

#vehiclebrands

{

}

#vehiclebrands table

{

	border-collapse: collapse;

	width: 100%;

}

#vehiclebrands td

{

	text-align: center;

	width: 25%;

	padding: 10px;

}

#vehiclebrands img

{

	margin: 0 0 10px 0;

}

/*-------------------------------------------------------------------

~~ItmGroup.aspx (Product Listing Page)

===================================================================*/

#navigationcolumn ul

{

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#navigationcolumn li

{

	margin: 2px 0;

}

#navigationcolumn .options

{

	padding: 0 10px 10px 10px;

	border-bottom: 1px dotted #000;

	margin: 0 0 10px 0;

}

#navigationcolumn #vehicle

{

}

#navigationcolumn #brand

{

}

#navigationcolumn #category

{

}

#productcolumn

{

}

#productcolumn table

{

	border-collapse: collapse !important;

}

#productcolumn td

{

	border: 0;

	border-top: 1px dotted: #000 !important;

	border-bottom: 1px dotted #000 !important;

}

/*-------------------------------------------------------------------

~~ItmGroupDetail.aspx (Product Group Detail Page)

===================================================================*/

#images

{

    border: 1px solid #AAA;

    padding: 0;

}

#mainimage

{

	color: #AAA;

	text-align: center;

    padding: 10px;

}

#mainimage img

{

	padding: 10px;

}

.additionalimages

{

	background: #f0f0f0;

	padding: 10px;

	margin: 10px 0 0 0;

}

.additionalimages .borderimages input

{

	background: #AAA;

	padding: 1px;

		vertical-align: top;

}

.yourprice

{

	text-align: center;

	font-size: 15px;

	color: #C20000;

	font-weight: bold;

	margin: 5px 0;

	padding: 5px;

	background: #FFF;

	border: 1px solid #AAA;

}

.addtocartbutton

{

	width: 100%;

	font-weight: bold;

	padding: 3px;

}

#reviews

{

}

#reviews .review

{

	padding: 5px;

	margin: 0 20px 10px 20px;

	background: #FFF;

	border: 1px solid #000;

}

#reviews .reviewheading

{

	background: #000;

	margin: -5px;

	padding: 5px;

	color: #FFF;

}

/*-------------------------------------------------------------------

~~ShoppingCart.aspx (Shopping Cart)

===================================================================*/

#shoppingcart

{

}

#shoppingcartsummary

{

	text-align: right;

	margin: 0 0 0 0;

	padding: 10px;

	color: #FFF;

	background: #AAA;

}

#cartactions

{

	padding: 40px 0;

	text-align: right;

}

/*-------------------------------------------------------------------

~~Login.aspx

===================================================================*/

#login

{

	margin: 0 60px 100px 60px;

}

#login .label

{

	width: 150px;

	float: left;

	margin: 2px 0;

	padding: 2px 0;

}

#login br

{

	clear: both;

}

#login .loginmodule

{

	border: 1px solid #AAA;

	background: #F0F0F0;

	padding: 10px;

	height: 150px;

}

#login .logininstructions

{

	height: 45px;

	font-weight: bold;

}

#login .logininputs

{

	height: 60px;

}

#login .loginsubmit

{

	border-top: 1px solid #AAA;

	padding: 5px 0;

	text-align: right;

}

/*-------------------------------------------------------------------

~~Checkout.aspx

===================================================================*/

#checkout fieldset .label

{

	text-align: right;

	width: 150px;

	float: left;

	margin: 2px 0;

	padding: 3px 5px;

}

#checkout fieldset

{

	border: 0;

	padding: 0 0 0 50px;

}

#checkout fieldset .styledinput

{

	width: 200px;

	margin: 2px 0;

	padding: 2px 5px;

	border: 1px solid #AAA;

}

#checkout fieldset .styledselect

{

	width: 212px;

	margin: 2px 0;

	padding: 2px;

	border: 1px solid #AAA;

}

#checkout br

{

	clear: both;

}



#cartsummary

{

	border-right: 1px solid #AAA;

	border-left: 1px solid #AAA;

	border-bottom: 1px solid #AAA;

	background: #F9F9F9;

	padding: 5px;

	margin-bottom: 10px;

	text-align: right;

}

#cartsummary span

{

	padding: 5px 0;

}

#cartsummary .section

{

	border-bottom: 1px solid #AAA;

}

#cartsummary .label

{

	float: left;

	font-weight: bold;

	width: 750px;

}

#cartsummary .receipt

{

	display: block;

	float: right;

	width: 150px;

}

#processorder

{

	margin: 15px 0 0 0;

	padding: 5px;

	border-top: 1px solid #AAA;

}

/*-------------------------------------------------------------------

~~Order.aspx (Order Page)

===================================================================*/

#orderheading

{

	border-bottom: 2px solid #000;

	margin-bottom: 15px;

}

/*-------------------------------------------------------------------

~~OurShop/Default.aspx (Our Shop Area)

===================================================================*/

#ourshopnavigation

{

}

#ourshopcontent

{

}

/*-------------------------------------------------------------------

~~Data Web Controls

===================================================================*/

.styledtable, .DetailsViewStyle

{

	width: 100%;

	border-collapse: collapse;

}

.styledtable td

{

	text-align: left;

	padding: 5px;

	border: 1px solid #AAA;

}

.evenrow

{

	background: #FFF;

}

.oddrow

{

	background: #FFF;

}

th

{

	border: 1px solid #AAA;

	background: #fff url(http://mbracinginc.rpmware.com/public/images/bg_silver.gif) repeat-x left center;

	color: #000;

	font-weight: bold;

	padding: 5px;

	text-align: left;

}

/*Used for Empty Datalists, Gridviews, etc.*/

.empty

{

	padding: 25px;

	border: 5px solid #AAA;

	text-align: center;

	color: #AAA;

}

/*-------------------------------------------------------------------

~~DetailsView

===================================================================*/

.AspNet-DetailsView

{

	width: 100%;

	position: relative;

}

.AspNet-DetailsView textarea

{

	width: 99%;

	height: 250px;

}

.AspNet-DetailsView input[type='text'], .AspNet-DetailsView input[type='password']

{

	font-size: 11px;

	border: 1px solid #ddd;

	width: 250px;

	padding: 3px;

}

/* Please refer to FormViewExample.css for comments on these rules. */

div.AspNet-DetailsView-Header, div.AspNet-FormView-Header

{

	border: 1px solid #ccc;

	background: #fff url(http://mbracinginc.rpmware.com/public/images/bg_silver.gif) repeat-x left center;

	color: #666;

	font-weight: bold;

	padding: 5px;

	text-align: left;

}

div.AspNet-DetailsView-Data ul

{

}

/* Each field defined for the DetailsView generates an individual list item (li) in the rendered HTML. */

/* Each li effectively is a row in a table (though no table tag is generated by the adapter). */

div.AspNet-DetailsView-Data li

{

	padding: 5px 0 !important;

	color: #333333;

	background-color: #FFF;

	border-bottom: 1px solid #ddd;

	vertical-align: middle;

	min-height: 1.4em; /* ADDED for Firefox */

}



/* Every other field is marked as being "Alternate." */

/* This allows you to define an "alternating row" style (though the adapter doesn't actually generate an HTML table). */

div.AspNet-DetailsView-Data li.AspNet-DetailsView-Alternate

{

	background-color: #F7F7F7;

}

/* This corresponds to the HeaderText attribute of an <asp:BoundField>. */

span.AspNet-DetailsView-Name

{

	position: absolute;

	left: 0;

	font-weight: bold;

	padding: 0 5px;

	display: block;

	width: 35%;

	text-align: right;

}

/* This corresponds to the DataField attribute of an <asp:BoundField>. */

span.AspNet-DetailsView-Value

{

	display: block;

	margin-left: 39%;

}

/*-------------------------------------------------------------------

~~Year Make Model Submodel Form

===================================================================*/

#ymmform

{

	margin: 0;

	padding: 0;

}

#ymmform select

{

	width: 100%;

	margin: 2px 0 2px 0;

}

#ymmform input

{

	width: 100%;

	margin: 2px 0 2px 0;

	padding: 2px;

	font-weight: bold;

}

#vehicles

{

	margin: 10px 0;

}

#vehicles table

{

	border-collapse: collapse;

	width: 100%;

}

#vehicles td

{

	border: 1px solid #aaa;

	padding: 5px;

	text-align: center;

	vertical-align: middle;

}

#vehicles .make

{

	text-align: left;

	font-weight: bold;

	background: #AAA;

	color: #fff;

	padding: 5px;

}

#vehicles .titles

{

	background: #CCC;

}

#vehicles .partnumber

{

	width: 10%;

	white-space:nowrap;

}

#vehicles .year

{

	width: 10%;

	white-space:nowrap;

}

#vehicles .specsname, #vehicles .specsvalue

{

	font-size: 11px;

	font-style: oblique;

}

#vehicles .specsvalue

{

	text-align: left;

}

#vehicles tr.odd

{

	background: #f3f7fe;

}

#vehiclefilters a

{

	margin: 0 5px 5px 0;

}

#groupdetails

{

	background: #f0f0f0;

	border: 1px solid #aaa;

	margin-bottom: 10px;

	padding: 5px;

}

#tabs

{

	margin: 15px 0;

}

.filtervehicles

{

	padding: 10px;

	margin: 10px 0;

	background: #f0f0f0;

	border: 1px solid #AAA;

}

.filtervehicles a

{

	margin-right: 5px;

}

#alpha .search

{

	padding: 0 0 0 10px;

	margin: 10px 0 0 0;

}

#alpha .search input[type=text]

{

width: 100px;

}

#alpha .search h4

{

border-bottom: 1px solid #AAA;

margin-bottom: 5px;

}

/*-------------------------------------------------------------------

~~Demo

===================================================================*/

.demo

{

	background: url( 'http://mbracinginc.rpmware.com/public/images/bg_green.gif' );

	padding: 10px;

	color: #FFF;

	font-family: 'Lucida Grande' , Verdana, Arial, Helvetica, Sans-serif;

}

.demo h1

{

	font-family: 'Lucida Grande' , Verdana, Arial, Helvetica, Sans-serif;

	color: #fff;

	border: 0;

	font-size: 16px;

	line-height: 1;

	margin: 0;

	padding: 0;

}

.demo a, .demo a:hover

{

	color: #fff;

}







.customerlevel

{

	text-align: right;

}


      http://mbracinginc.rpmware.com/public/styles/RPM-Shared/Import.css

/*

@import 'http://mbracinginc.rpmware.com/public/styles/RPM-Shared/Layout.css';

@import 'http://mbracinginc.rpmware.com/public/styles/RPM-Shared/Messages.css';

@import 'http://mbracinginc.rpmware.com/public/styles/CSSFriendlyAdapters/DetailsView.css';

@import 'http://mbracinginc.rpmware.com/public/styles/CSSFriendlyAdapters/Menu.css';

*/



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

@@ http://mbracinginc.rpmware.com/public/styles/RPM-Shared/Layout.css

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*fix firefox caretbug*/*::-moz-any-link input, *::-moz-any-link textarea {overflow: auto;}

/*-------------------------------------------------------------------

  Base

===================================================================*/

html

{

    /*Makes the scroll bar always present, prevents "page shift"*/

    height: 100%;

    margin-bottom: 1px;

}

body

{

    margin: 0;

}

/*-------------------------------------------------------------------

  Shared Classes  !!! Don't edit. Everything "floated" relies on these rules

===================================================================*/

.left

{

    float: left;

    margin: 0 10px 0 0;

}

.right

{

    float: right;

    margin: 0;

}

.half

{

    width: 49%;

}

.alignright

{

    text-align: right;

}

.alignleft

{

    text-align: left;

}

.bm

{

    margin: 0 0 10px 0;

}

.tm

{

    margin: 10px 0 0 0;

}

/*-------------------------------------------------------------------

  Float Clears !!! Don't edit. Everything "floated" relies on these rules

===================================================================*/

.clear:after

{

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clear

{

    display: inline-block;

}



/* Hides from IE-mac \*/

* html .clear

{

    height: 1%;

}

.clear

{

    display: block;

}

/* End hide from IE-mac */

/*-------------------------------------------------------------------

  Layout

===================================================================*/

#masterwrapper /*Wraps the wrapper with 16px to each side*/

{ 

    width: 970px;

    margin: 0 auto;

}

#wrapper /*Wraps all content on page*/

{

    width: 938px;

    margin: 0 auto;

}

#header

{

    padding: 0 10px;

}

#main

{

    padding: 0;

}

#footer

{

    padding: 0 10px;

}

#alpha

{

    padding: 10px 0;

    width: 164px;

    float: left;

}

#beta

{

    padding: 10px 10px 10px 0;

    width: 744px;

    float: right;

}

#gamma 

{

    padding: 0 10px;

    width: 918px;

}

/*-------------------------------------------------------------------

  #beta Columns - Correct usage of columns will always sum to 9

===================================================================*/

#beta .c1

{

    width: 164px;

}

#beta .c2

{

    width: 222px;

}

#beta .c3

{

    width: 280px;

}

#beta .c4

{

    width: 338px;

}

#beta .c5

{

    width: 396px;

}

#beta .c6

{

    width: 454px;

}

#beta .c7

{

    width: 512px;

}

#beta .c8

{

    width: 570px;

}

#beta .mid 

{

    width: 367px;

}

/*-------------------------------------------------------------------

  #gamma Columns - Correct usage of columns will always sum to 10

===================================================================*/

#gamma .c1

{

    width: 222px;

}

#gamma .c2

{

    width: 280px;

}

#gamma .c3

{

    width: 338px;

}

#gamma .c4

{

    width: 396px;

}

#gamma .c5

{

    width: 454px;

}

#gamma .c6

{

    width: 510px;

}

#gamma .c7

{

    width: 570px;

}

#gamma .c8

{

    width: 628px;

}

#gamma .c9

{

    width: 686px;

}

/*-------------------------------------------------------------------

  #fluid layout

===================================================================*/

#fluid #wrapper

{

	width: 100%;

	margin: 0 auto;

}

#fluid #header

{

	padding: 0;

}

#delta

{

	padding: 0 10px;

}

#delta .content

{

	width: 70%;

	margin-right: 3%;

}

#delta .side

{

	float: right;

	width: 26%;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

@@ http://mbracinginc.rpmware.com/public/styles/RPM-Shared/Messages.css

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.message_error {

	background: #FAEBEB url(http://mbracinginc.rpmware.com/public/images/Icons/16/19.png) center no-repeat;

	background-position: 15px 50%; /* x-pos y-pos */

	text-align: left;

	padding: 10px 20px 10px 45px;

	margin: 5px 0;

	border-top: 2px solid #CC3300;

	border-bottom: 2px solid #CC3300;

}

.message_warning {

	background: #fff6bf url(http://mbracinginc.rpmware.com/public/images/Icons/16/10.png) center no-repeat;

	background-position: 15px 50%; /* x-pos y-pos */

	text-align: left;

	padding: 10px 20px 10px 45px;

	margin: 5px 0;

	border-top: 2px solid #ffd324;

	border-bottom: 2px solid #ffd324;

}

.message_info {

	background: #F8FAFC url(http://mbracinginc.rpmware.com/public/images/Icons/16/2.png) center no-repeat;

	background-position: 15px 50%; /* x-pos y-pos */

	text-align: left;

	padding: 10px 20px 10px 45px;

	margin: 5px 0;

	border-top: 2px solid #B5D4FE;

	border-bottom: 2px solid #B5D4FE;

}

.message_success {

	background: #DAF1DA url(http://mbracinginc.rpmware.com/public/images/Icons/16/71.png) center no-repeat;

	background-position: 15px 50%; /* x-pos y-pos */

	text-align: left;

	padding: 10px 20px 10px 45px;

	margin: 5px 0;

	border-top: 2px solid #339933;

	border-bottom: 2px solid #339933;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

@@ http://mbracinginc.rpmware.com/public/styles/CSSFriendlyAdapters/DetailsView.css

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

div.AspNet-DetailsView-Data ul

{

    margin: 0;

    padding: 0;

}



div.AspNet-DetailsView-Data li

{

    margin: 0;

    padding: 0;

    list-style-type: none;

    position: relative;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

@@ http://mbracinginc.rpmware.com/public/styles/CSSFriendlyAdapters/Menu.css

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

ul.AspNet-Menu 

{

    position: relative;

}





ul.AspNet-Menu, 

ul.AspNet-Menu ul

{

    margin: 0;

    padding: 0;

    display: block;



}



ul.AspNet-Menu li

{

    position: relative;

    list-style: none;

    float: left;

}



ul.AspNet-Menu li a,

ul.AspNet-Menu li span

{

    display: block;

    text-decoration: none;

}



ul.AspNet-Menu ul

{

    position: absolute;

    visibility: hidden;    

}



/* Add more rules here if your menus have more than three (3) tiers */

ul.AspNet-Menu li:hover ul ul,

ul.AspNet-Menu li.AspNet-Menu-Hover ul ul

{

    visibility: hidden;

}



/* Add more rules here if your menus have more than three (3) tiers */

ul.AspNet-Menu li:hover ul,

ul.AspNet-Menu li li:hover ul,

ul.AspNet-Menu li li li:hover ul,

ul.AspNet-Menu li.AspNet-Menu-Hover ul,

ul.AspNet-Menu li li.AspNet-Menu-Hover ul,

ul.AspNet-Menu li li li.AspNet-Menu-Hover ul

{

    visibility: visible;

}



.AspNet-Menu-Vertical ul.AspNet-Menu li

{

    width: 100%;

}
