html, body {
	margin: 0;
	padding: 0;
	background-color: #37477a;	
}
#shell 
{
	/* Needed - Defines outer edges */
	width: 1000px;
	height: 100%;
	margin: 0px auto 0 auto;
	background-color: #37477a;	
}
div 
{
	z-index: 10;
}
.textsmall
{
	/* Default text style */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.65em;
}
.text 
{
	/* Default text style */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}
.status 
{
	/* Default text style */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #ff0000;
}
.text2
{
	/* Default text style */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.75em;
}
.head
{
	/* Default text style */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	margin-left: 2px;
	font-weight: bold;
}
#headerleft
{
	float: left;
	left: 0px;
	width: 298px;
	height: 111px;
	position: relative;
	margin: 0 0 0 0;
	top: 0;
	background-color: #ffffff;	
}
#headerleft img
{
	bottom: 10px;
	padding-left: 0px;
}
#headerright
{
	float: right;
	right: 0px;
	width: 702px;
	position: relative;
	height: 111px;
    background-color: #ffffff;	
}
#telephone 
{
	/* Needed - defines the telephone numbers on the top header */
	position:relative;
	float: left;
	left: 20px;
	margin-top: 16px;
	width: 350px;
	color: #3d4f7e;
	background-color: #ffffff;
}
#telephone a
{
	color: #3d4f7e;
	font-size: 1.1em;	
}
#telephone a:hover
{
	color: #635f5f;
	font-size: 1.1em;	
}
#login 
{
	/* Needed - defines the login box area*/
	position: relative;
	float: right;
	right: 5px;
	width: 350px;
	color: #3d4f7e;
	text-align: center;
	/*border: solid 1px #c0c0c0;*/
	margin-top: 5px;
	/* background-color: #00aa18;*/
	background-color: #ffffff;
}
#login_links
{
	/* Needed - defines the login box area*/
	position: relative;
	float: right;
	right: 0;
	top: 0;
	margin-top: 0px;	
	width: 350px;
	color: #3d4f7e;
	text-align: right;
	background-color: #ffffff;
	z-index: 15;
}
#login_login
{
	top: 5px;
	position: relative;
	background-color: #ffffff;
}
#login_links a
{
	font-family: Helvetica, Arial, sans-serif;
	color: #3d4f7e;
	font-size: .7em;
}
.login td 
{
	/* Needed - Keep the login controls at the top */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	color: #3d4f7e;
	vertical-align: bottom;
}
#headermenu1
{
	position: relative;
	width: 1000px;
	background-image: url(/pub/images/gray-gradient.gif);
	background-repeat: repeat-x;	
	height: 21px;
	top: 0;
	float: left;
	left: 0;
}
#greymenu
{
	width: 999px;
	position: relative;
	border-top: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;	
	border-bottom: solid 1px #c0c0c0;
	float: left;
	text-align: center;
	top: 0;
}
#greymenu .greymenuitem
{
	color: #635f5f;
	position: relative;
	border-left: solid 1px #c0c0c0;
	padding-left: 20px;
	padding-right: 20px;	
	float: left;
	text-align: center;
}
#greymenu .greymenuitemlast
{
	color: #999595;
	position: relative;
	border-left: solid 1px #c0c0c0;
	padding-left: 20px;
	float: left;
	text-align: left;
}
#greymenu .greymenuitem a
{
	color: #635f5f;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}
#greymenu .greymenuitem a:hover
{
	color: #3d4f7e;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}
#greymenu .greymenuitemlast a
{
	color: #635f5f;
	background-color: #f0f0f0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}
#greymenu .greymenuitemlast a:hover
{
	color: #3d4f7e;
	background-color: #f0f0f0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}
#headermenu2
{
	float: left;
	position: relative;
	width: 999px;
	background-image: url(/pub/images/blue-gradient.gif);
	background-repeat: repeat-x;
	border-left: solid 1px #3d4f7e;
	padding-top: 2px;
	padding-bottom: 2px;
}
#search 
{
	/* Needed - defines the product search box */
	float: left;
	position: relative;
	color: #ffffff;	
	width: 250px;
	vertical-align: middle;
	left: 0;
}
#ctl00_cmd_product_search
{
	vertical-align: bottom;
}
/* Start the main menu item formatting */
#menuh-container 
{
	/* Needed - defines the main menu layout */
	width: 700px;
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .8em;
	float: left;
	left: 0;
	height: 22px;
	top: 0px;
}
.AspNet-Menu-Horizontal
{	
	color: #ffffff;
	z-index: 2;
	height: 22px;
	position: relative;
}
.AspNet-Menu-NonLink,
.CssMainMenu li.AspNet-Menu-WithChildren span,
.CssMainMenu li.AspNet-Menu-WithChildren a,
.CssMainMenu li.AspNet-Menu-Leaf a
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.CssMainMenu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a
{
	padding-top: 0;
	padding-bottom: 0;
}
.CssMainMenu li /* all list items */
{
	text-align: center;
	width: 115px;
	z-index: 2;
	color: #ffffff;
	position: relative;
}
.CssMainMenu .AspNet-Menu-WithChildren span,
.CssMainMenu .AspNet-Menu-WithChildren a,
.CssMainMenu .AspNet-Menu-WithChildren .AspNet-Menu-Selected .span,
.CssMainMenu .AspNet-Menu .AspNet-Menu-Leaf a
{
	color: #ffffff;
	border-right:1px solid #ffffff;
	position: relative;
}
.CssMainMenu .AspNet-Menu-WithChildren li.AspNet-Menu-Leaf
{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	width: 150px;
	text-align: center;
	background-color: #37477a;
	color: #ffffff;
	padding-bottom: 2px;
	padding-top: 2px;
	position: relative;
}
.CssMainMenu .AspNet-Menu-WithChildren ul
{
	border-bottom:1px solid #ffffff;
	position: relative;
}
.CssMainMenu .AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a, /* leaves */
.CssMainMenu .AspNet-Menu-WithChildren li.AspNet-Menu-Leaf span
{
	width:150px;
	font-weight: bold;
	z-index: 2;
	position: relative;
}
.AspNet-Menu-NonLink,
.CssAdminMenu li.AspNet-Menu-WithChildren span,
.CssAdminMenu li.AspNet-Menu-WithChildren a,
.CssAdminMenu li.AspNet-Menu-Leaf a
{
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 99;
}
.CssAdminMenu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a
{
	padding-top: 0;
	padding-bottom: 0;
	z-index: 99;
}
.CssAdminMenu li /* all list items */
{
	text-align: center;
	width: 100px;
	z-index: 99;
	color: #ffffff;
	position: relative;
	z-index: 99;
}
.CssAdminMenu .AspNet-Menu-WithChildren span,
.CssAdminMenu .AspNet-Menu-WithChildren a,
.CssAdminMenu .AspNet-Menu-WithChildren .AspNet-Menu-Selected .span,
.CssAdminMenu .AspNet-Menu .AspNet-Menu-Leaf a
{
	color: #ffffff;
	border-right:1px solid #ffffff;
	position: relative;
	z-index: 99;
}
.CssAdminMenu .AspNet-Menu-WithChildren li.AspNet-Menu-Leaf
{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	width: 150px;
	text-align: center;
	background-color: #37477a;
	color: #ffffff;
	padding-bottom: 2px;
	padding-top: 2px;
	position: relative;
	z-index: 99;
}
.CssAdminMenu .AspNet-Menu-WithChildren ul
{
	border-bottom:1px solid #ffffff;
	position: relative;
	z-index: 99;
}
.CssAdminMenu .AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a, /* leaves */
.CssAdminMenu .AspNet-Menu-WithChildren li.AspNet-Menu-Leaf span
{
	width:150px;
	font-weight: bold;
	z-index: 99;
	position: relative;
}
/* End the main menu item formatting */
#contentcontainer 
{
	/* Needed - defines the main content div of the site */
	width: 100%;
	position: relative;
	background-color: #ffffff;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	z-index: 1;
}

#pagebase 
{
	/* Needed - defines the main content div of the site */
	width: 100%;
	position: relative;
	background-color: #ffffff;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	z-index: 1;
	border-bottom: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
}

#bottomnav 
{
	/* Needed - Bottom page footer section */
	float: left;
	width: 1000px;
	height: 25px;
	margin: 5px 0 0 0;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	padding-top: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.0em;
	padding-left: 3px;
	text-align: center;
}


#trHeaderBackground 
{
	/* Needed for table header formatting when used */
	background-image:url(~/pub/images/Microcad-Web_08.png);
	background-repeat:repeat-x; 
	background-position:bottom left; 
}

#livechat
{
	/* Needed - Live Chat Section */
	float: left;
	width: 143px;
	margin: 10px 0 0 10px;
	text-align: center;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: gray;	
}
#frontreseller
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	margin-top: 10px;	
	float: right;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	padding: 0 5px 0 5px;
	width: 375px;
	position: relative;
}
#leftcol
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	position: relative;	
	float: left;
	left: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	width: 190px;
	padding-left: 5px;
}
#whatsnew
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	color: #ffffff;
	position: relative;
	text-align: left;
	float: left;
	border: solid 1px #727272;
	width: 100%;
}
#whatsnew a
{
	color: #344b85;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#whatsnew td
{
	width: 100%;
}
#whatsnew ul
{
	margin-top: -5px;
	list-style-type: none;
}
#middlecol
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	float: left;
	left: 10px;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	position: relative;
	width: 580px;
	padding: 0px;
}
#middlecol1
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	float: left;
	left: 0;
	color: #727272;
	font-weight: bold;
	position: relative;
	border: solid 1px #727272;
	width: 179px;
	min-height: 180px;
	padding: 0px;
}
#middlecol1 img
{
	position: relative;
	width: 179px;
	margin-top: 25px;	
}
#middlecol2
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	float: left;
	left: 0px;
	margin-left: 18px;
	color: #727272;
	font-weight: bold;
	position: relative;
	border: solid 1px #727272;
	width: 179px;
	min-height: 180px;
	padding: 0px;
}
#middlecol2 img
{
	position: relative;
	width: 179px;
	margin-top: 25px;	
}
#middlecol3
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	float: left;
	left: 0px;
	margin-left: 18px;
	color: #727272;
	font-weight: bold;
	position: relative;
	border: solid 1px #727272;
	width: 180px;
	min-height: 180px;
	padding: 0px;
}
#middlecol3 img
{
	position: relative;
	width: 179px;
	margin-top: 25px;
}
#rightcol
{
	/* Needed - front page reseller box */
	background-color: #ffffff;	
	float: right;
	right: 5px;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	width: 200px;
	position: relative;
}
#frontpartners
{
	/* Needed - front page reseller box */
	background-color: #ffffff;
	color: #ffffff;
	position: relative;
	text-align: center;
	float: left;
	width: 199px;
	border: solid 1px #727272;
}
#frontpartners a
{
	color: #344b85;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#frontpartners td
{
	width: 100%;
}
#frontpartners ul
{
	margin-top: -5px;
	list-style-type: none;
}
#frontpartners .partner
{
	text-align: center;
	padding-top: 10px;	
}
#frontpartners .partner img
{
	position: relative;
	text-align: center;
	background-color: #ffffff;
}
.spacer 
{
	/* Needed - Provides separator on page */
	float: left;
	width: 100%;
	height: 1px;
	margin: 0 0 0 0;
}
.searchgrid
{
	background-color: #3d4f7e;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px
}
.searchgrid a
{
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px
}
#overlay 
{
	z-index: 1999;	
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #000000;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
}
#theprogress 
{
	z-index: 1999;
	background-color: #f0f0f0;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;	
	width: 250px;
	height: 150px;
	text-align: center;
	filter: Alpha(Opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
#modalprogress 
{
	z-index: 1999;	
	position: absolute;
	top: 25%;
	left: 50%;
	margin: -11px 0 0 -55px;
	color: white;
}
body>#modalprogress {
	position:fixed;
	z-index: 1999;	
}
.modalBackground 
{
	z-index: 1999;	
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup 
{
	z-index: 1999;	
	background-color:#f0f0f0;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.manuout
{
	width: 49%;
	float: left;
	border: solid 1px #c0c0c0;
	vertical-align: middle;
}
.manuin1
{
	float: left;
	left: 0;
	position: relative; 
	text-align: center; 
	font-weight: bold;
	padding: 5px;
	width: 80px;
}
.manuin2
{
	float: left;
	left: 0;
	position: relative;
	vertical-align: top;
	text-align: left;
	padding: 5px;
	width: 260px;
}
.banners
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}
#twitter
{
	color: #000000;
	position: relative;
	height: 70px;
	text-align: center;
	width: 190px;
	border: solid 1px #727272;
	margin-top: 0px;
}
#twitter_left
{
	position: relative;
	float: left;
	width: 55px;
	left: 0;
}
#twitter_right
{
	position: relative;
	float: right;
	width: 125px;
	right: 0;
	text-align: left;
	margin-top: 7px;
}
#searcharea 
{
	float: left;
	width: 195px;
	left: 22px;
	margin-top: 2px;
	background-color: #ffffff;
	position: relative;
}	
#searcharealeft {
	float: left;
	width: 150px;
	margin-left: 22px;
	margin-top: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	position: relative;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url('/pub/images/search-mg.gif');		
}
#searcharealeft #ctl00_txt_product_search 
{
	margin-left: 18px;
}
#searcharearight {
	float: left;
	width: 52px;
	left: 0;
	height: 21px;
	margin-top: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	position: relative;
	background-color: #ffffff;	
}
.searchbox {
	width: 120px;
	border: 1px solid #999;
	background: url('/pub/images/magnifying-glass.png') #FFF no-repeat left;
	padding-left: 22px;
	padding-right: 0px;
	color: #444;
	font-size: 11px;
	height: 14px;
	position: relative;
	float: left;
}
.searchsubmit {
	background: url('/pub/images/search_btn.gif') no-repeat center left;
	width: 51px;
	border: 1px solid #999;
	border-left: 0;
	padding: 0px;
	margin: 0px;
	height: 18px;
	position: relative;
	float: left;	
}
