html,body
{
	height:100%;
	border:none;
	margin: 0px;
	background-image: url("../Art/Backgrounds/Main.gif");

}
p, li, ul, ol, .BrownText, .text-normal, .PinkText, .SelectedPage, .UnselectedPage {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#main {
	margin-top: 8px;
	background-color: #ECECEC;
}

#content {
	background-color: #ECECEC;
	padding: 8px;
}

.whitebox
{
	padding: 6px;
	border: 1px solid DimGray;
	background-color: White;
	margin: 8px;
}

.RequiredField 
{
	background-color: #FFFFEC;
}

.RequiredField:focus
{
	background-color: #FFFFBB;
}

.nuetralbox
{
	margin-left: 10px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border: 5px solid dimgray;
	padding:3px;
}

#content-header 
{
	background-image: url(/Images/ContentHeader.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 100%;
}

#login-panel 
{
	width: 374px;
	height: 182px;
	background-image: url(/Images/LoginGrayPanel.png);
	background-repeat: no-repeat;
	margin-right: 4px;
}

#uploadyourown-panel 
{
	width: 428px;
	height: 182px;
	background-image: url(/Images/Collages/UploadYourOwn.png);
	background-repeat: no-repeat;
}

#buildyourown-panel 
{
	width: 802px;
	height: 301px;
	background-image: url(/Images/Collages/BuildYourOwn.png);
	background-repeat: no-repeat;
	margin-bottom: 6px;
}

#header {
	margin-top: 20px;
}

#footer {
	margin-top: 12px;
}

#nav-top {
	margin-top: 4px;
}

.nav-top-item {
	float: left;
}

#logo {
	float: left;
}

#logo {
	float: left;
}


.NavSeparator { width: 30px;
}

.SmallText 
{
	font-size: 11px;
	line-height: 14px;
}

.HeaderCell {
	border: 1px solid #32044D; border-bottom: 0px;
	background-color: white;
}

.Heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.HeadingLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#TopBar {
	background-color: #905F43;
	height: 1%;
	padding: 0px 18px 0px 10px;
}

#SideBar {
	width: 164px;
	background-image:url(../Art/Backgrounds/Stripes.gif);
	background-position: -2px 0px;
	padding-bottom: 65px;
	border-right: 2px solid #905F43;
}

#Main {
	background-color: White;
}

#Content {
	border-top: 1px solid #FBD4D2;
	border-left: 0px;
	padding: 19px;
	height: 400px;
	background-color: #FFFFFF;
}

.BorderBlack {
	border: 1px solid #000000;
}

.BorderPurple {
	border: 1px solid #32044D;
}

.FieldBox {
	background-color: #FBF2FF;
margin-bottom: 10px;
}

.Footer {
	background-image: url(../Art/Backgrounds/Footer.gif)
}

.WhiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;	
}
.BgroundCircleTree {
	
}


.GridRow 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
}
.GridRowAlt 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	background-image: url(/Art/Main/Bgd_GridRow.gif);
}

.TextBold, .BtnBrown, .BtnX
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.text-blue 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #297CFF;
}

.text-small, tr.text-small td 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.edit-box
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.BtnBrown {
}

.BtnX {
	padding: 1px;
	background-color: #DFC9E8;
	line-height: 8px;
	border: 2px solid Purple;
	height: 18px;
}

.Png 
{
	 behavior: url(~/Htc/Png.htc);
	 border: 0px;
}

.text-upper-gray, .sitemappath-currentnode 
{
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: Gray;
	text-decoration: none;
}
.text-darkblue 
{
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	color: DarkBlue;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: Navy;
	font-weight: normal;
	font-style: normal;
	margin-bottom:0em;
	margin-top:0em;
}

h2 {
	font-family: Tahoma;
	font-size: 20px;
	color: Gray;
	font-weight: normal;
	font-style: normal;
	margin-bottom:0em;
	margin-top:0em;
}

hr {
	border: 0;
	color: #F0F0F0;
	background-color: #F0F0F0;
	height: 1px;
	margin: 0px;
	width: 100%;
	text-align: left;
}

.instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	background-color: #90CFEE;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 30px;
	background-image: url(/Images/Icons/Info.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
p.nogap {margin-top:0em}

.StepMenuItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #905F43;
	font-weight: normal;
	font-style: normal;
	display: inline;
}

.StepMenuSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #BA3072;
	font-weight: bold;
	font-style: normal;
	display: inline;
}

.Swatch 
{
	height:22px; width: 80px; border: 1px solid black; margin: 5px;
}

.colorBox 
{
	width:30px;
	height: 40px;
	background-color:black;
	border:1px solid #7F9DB9;
	margin-bottom: 1px;
	cursor: hand;
	text-decoration: none;
}

.SelectedPage {
	background-color: #EFCAFF;
	padding: 5px;
	font-weight: bold;
}

.UnselectedPage {
	background-color: #FBF2FF;
	padding: 5px;
	font-weight: bold;
}

a 
{
}

.Content {
	background-color: white; padding: 25px; 
}

.PriceGridHeader
{
	background-color: DarkGray;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.PriceGridRow 
{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.PriceGridFooter 
{
	border-bottom: 8px solid DarkGray;
}

#NavMain
{
	border-top: 1px solid #680099; background-image:  url(~/Art/Backgrounds/Nav.gif);
}

#Menu_NavMember
{
	background-color: White;
	border-bottom: 0px;
	height: 22px;
}

/*SITEMAP*/

.sitemappath-node, .sitemappath-separator
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
}

.sitemappath-currentnode 
{
	text-transform: none;
}


.SuccessMsg
{
	background-color: #D1FFD1;
	border: 1px dashed #096609;
	background-image: url(/Images/Icons/Check.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding: 8px 6px 8px 38px;
	font: 16px Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #096609;
}


/* PANELS */
/*********************************************************************/


.panel 
{
	background: url(../../Images/tsr-r.gif) top right no-repeat;
}

.panel-rounded
{
	background: url(../../Images/tsr-l.gif) top left no-repeat;
}

.panel .panel-rounded span, .panel-main, .panel-rounded-footer
{
	padding-left: 10px;
	padding-right: 10px;
}

.panel .panel-rounded span span 
{
	padding-left: 0px;
}

.panel-main
{
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	background-color: White;
	padding-bottom: 0px;
	margin-top: 0px;
}

.panel-footer
{
	background: url(../../Images/tsr-r.gif) bottom right no-repeat;
}

.panel-rounded-footer
{
	
	background: url(../../Images/tsr-l.gif) bottom left no-repeat;
	padding-top: 4px;
	padding-bottom: 8px;
}