﻿	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: Times New Roman;
		/*vertical-align: baseline;*/
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: #653614;
		background: white;
		font-family: Times New Roman;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
a img, img {
	text-decoration: none; 
	border-width: 0; 
	border-style: none; 
}
		
.fmMain {
	margin: 0 0 0 30px;	/*this moves the whole form to the right a bit for non-IE Browsers*/
	*margin: 0 0 0 0; /* IE 7 */	
}			

/*------------------------------------------------------------------------------
	BASIC STYLES
------------------------------------------------------------------------------*/
	body {
		margin: 0; padding: 0;
		font:  normal 14px "Times New Roman", Times, serif;
		letter-spacing: -.5px;
		color: #653614;
		text-align: center;

	}
	a, a:link, a:visited  {
		text-decoration: none;
		color: #999936;
		border: none;
	}
	
	a:hover, a:active {
		text-decoration: none;
		color: #dfde34;
		border: none;
	}
	
	a img, img {
		border-width: 0; 
		border-style: none;
}	
	
	#wrapper {
		width: 980px;
		padding-top: 3px;

	}

	p{

		margin: 0 0 15px 0;
	}
		.p1 {
			color: #d9b66c;
			font-size: 28px;
			margin: 0 0 0 17px;
			}

	h1{ 
		font-size: 16px; 
		font-weight: normal;
		margin: 5px 0 5px 0;
	}

	h2{ 
		font-size: 17px;
		letter-spacing: .3px;
		margin: 10px 0 5px 0;
		color: #bfa05f;
	}

	h3{ 
		font-size: 22px; 
		margin: 15px 0 5px 0;
	}
	
	h5 {
		font-size: 12pt;
		color: #653614;
		text-align: right;
	}
	
.leftPic {
	float: left;
	margin: 0 10px 0 0;
	border: solid 5px #eedbb0;
}

.rightPic {
	float: right;
	margin: 0 0 0 10px;
	border: solid 5px #eedbb0;

}	
	
/*------------------------------------------------------------------------------
	Header
------------------------------------------------------------------------------*/
#headerMT {
	width: 720px; 
	margin: 9px 0 0 30px;
	text-align: left;
	}
	
#headerMandRFooter {
	width: 740px; 
	float: left; 
	margin: 9px 0 0 30px;
	*margin: 9px 0 0 38px;  
	font-size: 17px; 
	text-align: left;
}

#lblBroughtBy 
{
	color: #cb9932;
	padding: 0 0 0 12px;
}
.PartnerName {
	font-size: 18px; 
	line-height: 23px;
	font-size: 20px;
}

.PartnerAddress {
	font-size: 14px; 
}

.PartnerPageStaticText {
	text-align: right; 
	color: #653614;
	padding: 0 10px 0 0;	
}

#headerL {
	float: left; 
	width: 205px; 
	height: 113px; 
	margin: 0 0 0 10px;
}

#headerMandR {
	width: 765px; 
	float: left;
}

#headerR {
	width: 600px; 
	float: right;
	text-align: right;
}	
	.Promos
	{
		 font-size: 14px;
		 font-style: italic;
		 font-family: Times New Roman;
	}	
/*------------------------------------------------------------------------------
	Page Nav Styles
------------------------------------------------------------------------------*/
#Content {
	float: left; 
	width: 830px;	
}
#ContentwPics {
	float: left; 
	width: 830px;	
}

#LeftNav {
	float: left;	
	width: 150px; 
	margin: 34px 0 10px 0;
}

#TopNav {
	width: 823px; 
	height: 33px; 
	border-bottom: solid 4px #efdeb1; 
	background-color: #4f2914;	
	text-align: left;	
	margin: 0 0 4px 0;
}

.HowItWorks {
	width: 823px; 
	height: 33px; 
	border-bottom: solid 4px #efdeb1; 
	background-color: #4f2914;	
	text-align:left;
	margin: 0 0 4px 150px;
	*margin: 0 0 4px 0;
}

#ContentNav {
	width: 110px; 
	float: left;
}

#footer {
	position: relative;
	top: 10px;
}	

#footer li {
	display: inline;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	*margin: 0 70px 0 0; /* IE 7 */
}

#footer li img {
	margin: 0 0 0 0;
	*margin: 0 0 -3px 0; /* IE 7 */
}

#footer ul li {
	margin: 0 25px 0 25px;
	*margin: 0 70px 0 0; /* IE 7 */
}

.MsoNormal {
	text-align: left;
	margin: 0 0 2px 25px;
}
.MsoNormal ul {			
	margin: 0 0 10px 25px;
}

/*------------------------------------------------------------------------------
	Popups
------------------------------------------------------------------------------*/
.HowItWorksPopup {
	position: relative;
}
.PopUpButtons {
	
}
.PopUpEmphasis { 
	color: #cb9832; font-weight: bold; 
}
.PopUpUnOrderedList 
{
	list-style-image  : none;
	list-style-type: none;
}
.PopUpUnOrderedList li
{
	padding: 8px 0 0 0;
}
.PopUpParagraph 
{
	padding: 5px 0 0 0;
}
.PopUpParagraph2
{
	padding: 8px 0 0 0;
	line-height: 23px;
}
.PopUpHeaderDots
{
	background: #ffffff url(../images/PopupHeaderDots.gif) top right repeat-x;
	margin: 0 0 0 50px;
}
.PopUpContent 
{
	line-height: 20px;
}
	
/*------------------------------------------------------------------------------
	Left Nav
------------------------------------------------------------------------------*/
	#RecentCustomizations 
	{
		padding: 30px 0 0 0;
	}
	
		#RecentCustomizations span  /* asp label controls */
		{
			color: #decea4;
			font-size: 13.5px;
			line-height: 10px;
		}
		
		#RecentCustomizations input /* image button controls */
		{
			display: block;
			padding: 5px 0 0 0;
		}
.EasySteps {
	width: 150px;
	height: 94px;	
}

.TopNavBt { 
	width: 109px; 
	height: 32px; 
}
.LNavMenu {
	float: left; 
	margin: 0, 1px, 10px, -2px;

}

.LNavMenu .sttd {
	text-align: left;
}
		
/*------------------------------------------------------------------------------
	LAYOUT
------------------------------------------------------------------------------*/
					
	#ShowcaseHeader 
	{
		width: 824px; height: 55px; margin: 2px 0 0 0;
		background: #999936 url(../images/ShowcaseHeader.gif);
		text-align: right;
		color: White;

	}
	.PageTitleDots	{				 		
		background: url(../images/PopupHeaderDots.gif) repeat-x;		
	}

	.ShowcaseBreadCrumb
	{
		margin: 0 60px 0 0;
		color: White;
		font-size: 30px;
		line-height: 45px;
	}	

	#RotatingGlams 
	{
		text-align: left;
	}
	#RotatingGlams img 
	{
		margin: 0 0 0 0;
		border: solid 5px #eedbb0;
		display: block;
	}
	.ContentDivForPhotoMast 
	{
		text-align: right;
	}
	
	.PageTitle 
	{
		font-size:24px;
	}
	.DSTextArea 
	{
		width: 480px;
		float: left;
	}
	.DSTextArea SPAN 
	{
		font-family: Times New Roman; color: #653614; font-size: 12px;
	}	
	.DSUpdateButtons 
	{
		float: left; width: 70px; margin: 22px 0 0 0;
	}
	.DSFontAndColorChange
	{
		float: left; width: 180px; margin: 14px 0 0 20px;
	}
	.TopMargin3 
	{
		margin: 3px 0 0 0;
	}
	.LeftPad20
	{
		padding: 0 0 0 20px;
	}	
/*------------------------------------------------------------------------------
	FORMS
------------------------------------------------------------------------------*/

	/* Removes fieldset borders. even on Opera 7 */
	fieldset {
	 	border: 1px solid transparent;
		}


/*------------------------------------------------------------------------------
	TABLES
------------------------------------------------------------------------------*/

	table { 
	  	border-spacing: 0;
		border-collapse: collapse;
		}

	td {
	  	text-align: left;
		font-weight: normal;
		}	


/*------------------------------------------------------------------------------
	MISC
------------------------------------------------------------------------------*/	

	#rule{
		border-top: 1px dotted #999;
		clear: both;
		padding: 10px 0 0 0;
		margin: 25px 0 20px 1px;
		}

	.imgover{}
	
	.hide { display: none; }
	.TextCursor { cursor:text; }
	#TextCursor2 { cursor:text; position: relative; left: -6px; }

	.clearB { clear: both; height:0px; }
	.clearC { clear: both; height:10px; }	
	.clearL { clear: left; }
	.clearR { clear: right; }
	

/*------------------------------------------------------------------------------
	Grids
------------------------------------------------------------------------------*/		
	
.OpsTable {
	border: solid 2px #efdeb1;
	padding: 24px;
	height: 120px;
}

.OpsTable label {
	color: #653614;
	margin: 0;
	font-size: 16px;
	font-family: Times New Roman;
}
.VAlignTop {
	vertical-align: top;
	font-size: 16px;
	font-family: Times New Roman;		
}
.StaticText {
	position: relative;
	top: -20px;	
}
.StaticTextTitle {	
	color: #cb9832;
	margin: 10px 0 3px 0;
	font-size: 20px !important;
}
.StaticText p {
	font-size: 16px;
}
.StaticText p img rightPic {
	margin: 0 0 0 15px;
}
.StaticText p img lefttPic {
	margin: 0 15px 0 0;
}

.imgMoreInfo {
	width: 67px;
	height: 14px;		
}

.moreInfo {
	width: 67px; 
	text-align: right;
}

.WatchButton {
	width: 69px;
	height: 49px;
}

.HelpButton {
	width: 62px;
	height: 53px;
}

.SaveButton {
	width: 68px;
	height: 51px;
}

.ShareButton {
	width: 72px;
	height: 63px;
}

.UpdateButton {
	width: 65px;
	height: 34px;
}

.AddButton {
	width: 77px;
	height: 75px;
}

.ZoomButton {
	width: 48px;
	height: 32px;
}

.BackViewButton {
	width: 49px;
	height: 30px;
}

.FeedbackButton { 
	width: 50px; 
	height: 38px; 
}

/*------------------------------------------------------------------------------
	DevExpress Grid Stuff & Overrides
------------------------------------------------------------------------------*/	

.dxgvControl {
	margin: 2px 3px 5px 15px; 
}

.dxgvHeaderPanel {
	background-color: #ffffff;
	color: #000000;
	padding: 8px 6px 8px 6px;
	border: Solid 1px #efdeb1;
}

.dxgvHeader, .dxgvHeader table {
	text-align: center;
	font: 9pt Times New Roman;
}
.dxgvHeader td {
	white-space: nowrap;
	color: #4f2914;
	border: solid 1px efdeb1;
}

.dxgvHeader {
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 6px 5px 6px;
	border: Solid 1px #efdeb1;
	background-color: #ffffff;
	overflow: hidden;
	color: #4f2914;
	-moz-user-select: none;
}

.dxgvFilterRow, .dxgvFilterRow TD.dxgv {	
	background-color: #ffffff;
	border: #efdeb1 1px solid;		
	padding: 2px 2px 2px 2px;
}

.dxpcModalBackground {
	background-color: #777777;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);
}

/*------------------------------------------------------------------------------
	Quotes Grids
------------------------------------------------------------------------------*/

.Quotes, .Quotes .dxgv td {
	border: solid 0px #ffffff;
}

.Quotes .dxpSummary {
	color: #653614;
}

.dxpPageNumber,
.QuotesPager a,
.QuotesPager a:link, 
.QuotesPager a:visited, 
.QuotesPager a:active {
	text-decoration: none;
	color: #999936;
	border: none;
}

.QuotesPager a:hover, .QuotesPager .dxpCurrentPageNumber {
	text-decoration: none;
	color: #dfde34;
	border: none;
}

.Quotes p {
	padding: 2px 0 2px 15px;
}

.Quotes .dxgvHeader {
	background-color: #ffffff;
	color: #653614;
	/*border: solid 1px #efdeb1;*/
	border: none 0px #ffffff;
}

.QuotesCell {
	background-color: #ffffff;
	color: #653614;
	border: none 0px #ffffff;
}

.dxgvFilterRow, .QuotesFilter {
	background-color: #ffffff;
	color: #653614;
	/*border: dashed 1px #ff0000;*/
	border: none 0px #ffffff;
}

.QuoteText {
	color: #653614;
	font-family: Times New Roman;
	font-size: 12pt;
}

.AuthorText {
	font-family: TimesNewRoman;
	font-size: 11pt;
	color: #999936;
	padding: 0 0 0 20px;	
}

/*------------------------------------------------------------------------------
	Collapsible Panel Extender
------------------------------------------------------------------------------*/		

.ExtenderQ {
	height: 30px;	
	/*font-weight: bold;*/
	color: #cb9832;
	font-family: Times New Roman;
	font-size: 12pt;
	letter-spacing: -.5px;	
}

.ExtenderA {			
	height: 0px;
	overflow: hidden;
	font-family: Times New Roman;
	font-size: 12pt;
	letter-spacing: -.5px;
}

.ExtenderA a {
	font-size: 12pt;
}

.ShowHide {
	font-weight: normal;
	text-transform: lowercase;
	color: #999936;
}

/*------------------------------------------------------------------------------
	AJAX 5-Star Rating
------------------------------------------------------------------------------*/

.rtStar {
	font-size: 0pt; 
	width: 13px; 
	height: 12px; 
	margin: 0px; 
	padding: 0px; 
	cursor: pointer; 
	display: block;
	background-repeat: no-repeat; 
}
.rtFilled { 
	background:	url(images/rating/FilledStar.gif); 
}
.rtEmpty { 
	background: url(images/rating/EmptyStar.gif); 
}
.rtSaved { 
	background: url(images/rating/SavedStar.gif); 
}
.ratingarea { 
	padding: 1px; 
	width: 3px; 
	height: 200px; 
	background-color: #ffffff; 
}

/*------------------------------------------------------------------------------
	Checkout
------------------------------------------------------------------------------*/

.dxeErrorCell {
	width: 175px;
}

.ForgotPass {
	margin: -5px 0 0 0;
	padding: 5px 3px 0 0;
}

/*------------------------------------------------------------------------------
	Safari
------------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#LeftNav { float: left; width: 150px; margin: 34px 0 0 0; }
	#Content { float: left; width: 830px;}
	#footer { position: relative; padding: 5px 0 0 0; top: -5px; }	
	#footer ul li { display: inline; margin: 0 0 0 30px; }
	#footer li img 	{ margin: 0 0 -3px 0; }
	#footer ul { margin: 0 0 0 -12px; }
	#TopNav { width: 823px; height: 33px; border-bottom: solid 4px #efdeb1; 
						background-color: #4f2914; margin: 0 0 4px 0; text-align:left; }
	.HowItWorksPopup { position: fixed; left: 180px; }
	.HowItWorks { width: 823px; height: 33px; border-bottom: solid 4px #efdeb1; 
								background-color: #4f2914; text-align:left; margin: 0 0 4px 150px; }
	.EasySteps { width: 155px; height: 94px; }
	.mdUSA { width: 83px; height: 67px; }
	.GreenCo { width: 137px; height: 67px; }
	.TopNavBt { width: 137px; height: 32px; }
	.imgMoreInfo { width: 83px; height: 14px; }
	.moreInfo { width: 69px; text-align: right; }
	.WatchButton { width: 90px; height: 49px; }
	.HelpButton { width: 78px; height: 53px; }
	.SaveButton { width: 86px; height: 51px; }
  .ShareButton { width: 92px; height: 63px; }
	.UpdateButton { width: 87px;	height: 34px; }
	.AddButton { width: 97px; height: 75px; }
	.ZoomButton { width: 63px; height: 32px; }
	.BackViewButton { width: 64px; height: 30px; }
	.FeedbackButton { width: 70px; height: 38px; }
}

/* SoThink top nav */
.sttd a {
	font-size: 10pt;
}

.sttd {	
	text-align: center;
	vertical-align: middle;
	text-transform: lowercase;
	
}

.stsp, .sttd .stsp, .sta, .sttd td, .sttd td .stsp {
	font-size: 10pt;
}

/* SoThink Left Nav */
.stdv {
	text-align: left;
	vertical-align: middle;
	text-transform: lowercase;
}