body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/bkg-shadow.gif);
	background-repeat: repeat-y;
	background-position: center;
}

h1, p {
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#container {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../images/bkg_grey.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#topmenu {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #45ACD8;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
}

#topmenu a {
	color: #0373B3;
	text-decoration: none;
}

#topmenu a:visited {
	color: #1E415B;
}

/*=============== BEGIN LEFT COLUMN ====================*/

#leftcolumn {
	width: 215px;
	float: left;
}

#leftcolumn a {
	color: #FFFFFF;
}

#leftcolumn p {
	color: #FFFFFF;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;}

#logo {
	height: 150px;
	width: 210px;
	border-bottom: 5px solid #FFFFFF;
}

#myAccount, #whatsNew, #notaryNews {
	padding: 15px 15px;
}

#BestCompanies{
	padding: 8px 8px;
}

#myAccount, #BestCompanies {
	background-color: #a2d1e0;
	border-bottom: 5px solid #FFFFFF;
	background-image: url(../images/bkg_dark.gif);
}

#whatsNew {
	background-color: #0373B3;
	border-bottom: 5px solid #FFFFFF;
	background-image: url(../images/bkg_light.gif);
}

#whatsNew p {
	margin: 5px 0px 0px;
	padding: 0px;
}

td.AppStatus{
	font: "Trebuchet MS", Arial, Helvetica;
	font-size: 54px;

 }
#notaryNews {
	background-color: #a2d1e0;
	background-image: url(../images/bkg_dark.gif);
	border-bottom: 5px solid #FFFFFF;
}
#notaryNews p {
	margin-bottom: 10px;
	color: #FFFFFF;
}

#myAccount h1, #whatsNew h1, #notaryNews h1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: -.05em;
}
#myAccount input, #notaryNews input {
	border: 1px solid #45ACD8;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1E415B;
	padding: 3px;
	width: 170px;
}
.thininput {
	height: 15px;
}
#myAccount .submit, #notaryNews .submit {
	background-color: #0373B3;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#myAccount a {
	text-decoration: none;
	font-size: 9px;
}

#whatsNew .articletitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}


/*-------------------------------------------------------START-----------------------------------------*/
#AppStatus {
	padding: 15px 15px;
}



#AppStatus {
	background-color: #0373B3;
	border-bottom: 5px solid #FFFFFF;
	background-image: url(../images/bkg_light.gif);
}

#AppStatus p {
	margin: 5px 0px 0px;
	padding: 0px;
}

#AppStatus h1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: -.05em;
}

#AppStatus .articletitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
#AppStatus p{
	font: 13px/18px "Trebuchet MS", Arial, Helvetica;
}

#AppStatus a {
	font: 13px/18px "Trebuchet MS", Arial, Helvetica;
	color: #FFFFFF;
}

#AppStatus a:hover{
	font: 13px/18px "Trebuchet MS", Arial, Helvetica;
	color:#990000;	
}
/*-------------------------------------------------------END-----------------------------------------*/

/*=============== BEGIN RIGHT COLUMN ====================*/


#rightcolumn {
	float: right;
	width: 690px;
	border-left: 5px solid #FFFFFF;
}
#header {
	width: 690px;
	height: 220px;
	border-bottom: 5px solid #FFFFFF;
	background-color: #1E415B;
}
#hero {
	height: 220px;
	width: 475px;
	border-right: 5px solid #FFFFFF;
	float: left;
}
#becomerenew {
	height: 80px;
	width: 690px;
	clear: both;
	border-bottom: 5px solid #FFFFFF;
}

#maincontent {
	padding-left: 25px;
	padding-right: 25px;
	clear: both;
	padding-top: 30px;
	padding-bottom: 25px;
	color: #545454;
	font-family: "Trebuchet MS", Arial, Helvetica;
}

#copyrightbar a:active, #copyrightbar a:visited, #copyrightbar a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#copyrightbar a:hover {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
}

#copyrightbar {
	background-color: #1E415B;
	padding: 5px 20px;
	clear: both;
	border-top: 5px solid #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

/*=============== BEGIN MENU ====================*/

#menu {
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #1E415B;
	background-image: url(../images/bkg_dark.gif);
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	height: 220px;
	}

/*The first rule is for the #menu DIV. It defines the space that the menu will occupy, and provides a context for the menu so that we can define the way the list and links will behave inside the DIV. I chose to make the menu fluid, based on the browser’s font size preferences, so (almost) all units are in ems. This includes the width of the menu. The solid black border on the right was based on the original design from Michael. The bottom padding is there to extend the DIV down beyond the menu of links so that you can see the background of the DIV. Again, this follows the original design. The bottom margin is to separate the DIV from what follows it. The colors came from the original design.
*/
	#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#menu li {
		border-bottom: 1px solid #FFFFFF;
		margin: 0;
		}

/*Next I defined what the list will look like. Since all the list items were to be links, and the rollover functionality would be built into the CSS for the links, I essentially removed all styling from the lists. I did add a single pixel border on the bottom of each link that matched the background of the #menu DIV, to work as the separator. In the original design, this was an image.
*/
	#menu li a {
		display: block;
		padding: 6px 5px 6px 15px;
		_padding: 6px 5px 6px 15px;
		border-left: 10px solid #1E415B;
/*		border-right: 10px solid #508fc4;*/
		background-color: #0373B3;
		color: #FFFFFF;
		text-decoration: none;
		width: 100%;
		font-weight: bold;
		}

	html>body #menu li a {
		width: auto;
		}

	#menu li a:hover {
		border-left: 10px solid #45acd8;
/*		border-right: 10px solid #5ba3e0;*/
		background-color: #1E415B;
		color: #fff;
		}

#menu li a.active {
/*		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;*/
		background-color: #1E415B;
		color: #fff;
		}
		
/*=============== END MENU ====================*/

#maincontent p, #maincontent li, #maincontent td {
	font-size: 12px;
	line-height: 20px;
}
#maincontent ul {
	margin-top: 5px;
	padding-top: 0px;
}
	
#maincontent h1 {
	font: bold 24px "Trebuchet MS", Arial, Helvetica;
	text-transform: uppercase;
	color: #0373B3;
}
#maincontent h2 {
	font: bold 14px "Trebuchet MS", Arial, Helvetica;
	text-transform: uppercase;
	color: #3E798C;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
#maincontent a {
	color: #B10F1D;
}
#maincontent .question {
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #B10F1D;
	font-family: Arial, Helvetica, sans-serif;
}
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 10px 20px;
	margin-right: 15px;
	margin-left: 15px;
	background-color: #DEDEDE;
	!important;
}

/*=============== SHOP SPECIFIC ====================*/


#productCategories td {
	font-family: "Trebuchet MS", Arial, Helvetica;
	color: #676868;
	font-size: 11px;
	padding: 25px;
}
#categoryMenu a {
	font: 12px "Trebuchet MS", Arial, Helvetica;
	text-decoration: none;
	color: #ffffff;
}
#categoryMenu td {
	padding: 5px 25px;
	background-color: #0373B3;
	font: 12px "Trebuchet MS", Arial, Helvetica;
	color: #ffffff;
}

#categoryMenu td .lineright {
	border-right: 1px solid #45ACD8;
}

#categoryMenu td.SelectedCategory {
	padding: 5px 25px;
	background-color: #1E415B;
	font: 12px "Trebuchet MS", Arial, Helvetica;
	color: #ffffff;
}

.productimg {
	margin-bottom: 10px;
}
#productImage {
	text-align: center;
	margin-left: 50px;
	float: right;
	width: 200px;
}

td.CartMenu {
	/*background-color: #A2D1E0;*/
	background-color: #0373B3;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.CartItem{
	/*background-color: #D0E8EF;*/
	background-color: #DEDEDE;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
}
.CartItemGrey{
	background-color: #DEDEDE;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
}

.CartMenuGrey {
	background-color: #0373B3;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.CartMenuGreyHeader {
	background-color: #1E415B;
	font: 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}


.glossaryterm {
	font-weight: bold;
	color: #990000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a.ColorSwatchLink {
	display: block;
	height: 25px;
	width: 25px;
	float: left;
	margin-left: 5px;
	border: 4px solid #FFFFFF;
}
span.ColorSwatchText{
display: none;
}

span.RedError{
	color: #C32138;
}

#orderhistory td {
	padding-right: 10px;
	padding-left: 10px;
}
.formField {
	border: 1px solid #666666;
}
.formLabel {
	font-weight: bold;
	text-align: right;
}