
body  
{
	background:#f9f9f7; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: #53463d;
	margin:0; 
	padding:0;
}

a 
{
	color:#e4691f;
}

a:hover
{
	text-decoration:none;
}

a img  
{
    border: none;
}


dd 
{ 
	margin-bottom:15px;
}

h3
{
	font-size: large; 	
	border-bottom: solid 3px #bbae97;
}

h4 
{ 
	font-size:0.84em; 
	color:#3895bb; 
	margin-bottom:15px;  
	text-transform:uppercase;
}

h4 a 
{
	color:#3895bb; 
	text-transform:uppercase;
}

.content 
{
	margin-left: 20px; 	
}


.top_link 
{
	font-size: small; 
	color: #53463d;	
}

.top_message 
{
	font-size: small;
	color: #53463d; 
}

.top_container
{
	width:100%; 
	border: solid 0px gray; 
	padding: 8px 0px 8px 0px;
	background-image: url(/images/header-tail-top.gif); 
	background-repeat: repeat-x;
	background-position: bottom; 
}

.footer 
{
	
}

.footer p
{
	font-size: smaller; 
	text-align: center;
}

.highlighted_sites
{
	text-align: center; 
	width: 100%; 
}

.highlighted_sites a 
{
	font-size: x-small; 
}

ul {
	list-style-type: square; 
	margin-left: 10px; 
	padding-left: 5px;
}

.list-2 {
	padding: 2px 0 9px 0;
}
.list-2 li {
	width: 100%;
	list-style-type: none;	
	padding: 0 0 15px 0;
	vertical-align: top;
	color: #4f545b;
}
.list-2 li span {
	display: block;
	width: 46px;
	float: left;
	margin: 0 19px 0 0;
}
.list-2 li span strong {
	background: url(/images/listbg.jpg) no-repeat 0% 0%;
	display: block;
	padding: 0 3px 0 0;
	width: 43px;
	height: 46px;
	overflow: hidden;
	text-align: center;
	line-height: 42px;
	font-size: 1.385em;
	font-weight: bold;
	color: #fff;
}
.list-2 li span b {
	display: block;
	width: 44px;
	padding: 0 2px 0 0;
	line-height: 1.2em;
	text-align: center;
	font-size: 0.923em;
	color: #5e991a;
}
.list-2 li em {
	display: block;
	padding: 1px 0 8px 0;
	font-size: 1.077em;
	font-style: normal;
}
.list-2 li em a {
	color: #4f545b;
}
.list-2 li p {
	overflow: hidden ;
	padding: 2px 0 0 0 ;
	font-size: 15px;
	color: #4f545b;

}

.SideBox
{
	float: right; 
	width: 150px;
	background-color: #e5d9c0; 
	border: solid 1px #826c5e;
	padding: 10px; 
	margin: 0px 0px 20px 20px; 
	color: #54473e; 
	font-style:italic; 
	font-size: smaller; 
	text-align:center; 
	
	
}

.MessageBox {
  background-color: #e5d9c0;
  border: solid 1px #826c5e;
  padding: 8px;
  display: block;
  font-size: 9pt;
  font-style: italic; 
 
  color: black;
  width: 70%;
  margin-left: auto ;
  margin-right: auto ;

  
}

.ErrorBox {
  background-color: #f0e0d0;
  border-color: red;
  border-style: solid;
  border-width: 1px;
  padding: 8px;
  display: block;
  text-align: left;
  font-family: Sans-Serif;
  font-size: 11px;
  margin: 3px 0px 3px 0px;
  color:Red;
}

.TOC_Target 
{
	font-weight: bold; 
	font-style: italic; 
}

/**************************************************
* NAV
***************************************************/

.logo 
{
    display: block; height: 159px; padding: 0; margin: 0; 
}

.site-nav { width:236px; height: 215px; margin: 0; padding: 0; list-style:none; background-color: #ba400d; }
.site-nav li { border-top:1px solid #ba400d; background:url('/images/site-nav-button-bg.gif') repeat-x #d7621d; width:100%; vertical-align:top; margin-top:-1px;}
.site-nav li a { color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; display:block; padding-left:39px;}
.site-nav li a:hover { background:url('/images/site-nav-button-act.gif') repeat-x;}
.site-nav li a.act { background:url('/images/site-nav-button-act.gif') repeat-x #ba400d;}
.site-nav li span { font-style:normal; display:block; padding:8px 0 8px 26px;}
.site-nav li span.icon1 { background:url('/images/site-nav-icon1.gif') no-repeat left center; padding:8px 0 9px 26px;}
.site-nav li span.icon2 { background:url('/images/site-nav-icon2.gif') no-repeat left center;}
.site-nav li span.icon3 { background:url('/images/site-nav-icon3.gif') no-repeat left center;}
.site-nav li span.icon4 { background:url('/images/site-nav-icon4.gif') no-repeat left center;}
.site-nav li span.icon5 { background:url('/images/site-nav-icon5.gif') no-repeat left center;}
.site-nav li span.icon6 { background:url('/images/site-nav-icon6.gif') no-repeat left center;}
.site-nav li span.icon7 { background:url('/images/site-nav-icon7.gif') no-repeat left center; padding:8px 0 9px 26px;}

#header .tail
{
	width:100%; 
	margin: 0; 
	padding: 4px 0px 8px 0px;
	background: url(/images/header-tail-bottom.gif) repeat-x top; 
}

#header .row-2 { display: block; padding: 0; margin: 0;  } 

#header .row-2 a { display: inline-block;  background: url(/images/header-banner-bgoff.jpg) repeat-x; margin: 1px 1px 0 0; padding: 0; } 
#header .row-2 a:hover { background: url(/images/header-banner-bgon.jpg) repeat-x;  } 




/*== featured box begin ==*/
#featured {
	width:703px;
	position:relative;
	height:374px;
	float:left;
}
#featured ul.ui-tabs-nav {
	position:absolute;
	top:335px;
	left:480px;
	list-style:none;
	width:132px;
	z-index:100;
}
#featured ul.ui-tabs-nav li { 
	width:19px; 
	height:19px; 
	overflow:hidden; 
	vertical-align:top;
	font-size:0;
	line-height:0;
	float:left;
	padding-right:5px;
	background:url(/images/bg-page.png) no-repeat 0 0;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected { background:url(/images/bg-page-act.png) no-repeat 0 0;}

	#featured ul.ui-tabs-nav li a {
		display:block;
		width:26px;
		height:26px;
		overflow:hidden;
	}
#featured .ui-tabs-hide {display:none; }
/*== featured box end ==*/

.facepile
{
    float: left;
    width: 100%;
    text-align: center;
    *background: #d26b17 url(/images/facepilebg.jpg) repeat-x;   
    border: solid 0px #3d60b1; /*#be4100; */
    color: #000; /*#3B5998; */
    font-family: Arial; 
    font-size: 9pt;
    font-weight: regular;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px;

}


.TwitterBox 
{
    border: solid 1px #000; 
}

.TwitterBox_Title
{
    background-color: Black; 
    color: White; 
    font-weight: bold; 
    padding: 3px 0px 3px 10px;
    height: 25px;
}

.TwitterBox_Content
{
    font-size: 8.6pt; 
    padding: 4px; 
}

/**************************************************
* Progress Indicator
***************************************************/


ul.steps  
{
	list-style-type:none; 
	position:relative;
	margin-top:8px;
	font-size:11px;
	margin-bottom:13px;
	padding-bottom: 2px; 
	width:823px;
}

ul.steps li
{
	position:absolute;
}

ul.steps li.step_1
{
	left:12px;
}
ul.steps li.step_2
{
	left:170px;
}
ul.steps li.step_3
{
	left:350px;
}
ul.steps li.step_4
{
	left:560px;
}

ul.steps li.current
{
	font-weight: bold; 
}


/**************************************************
* BoxGrid Design Styles
***************************************************/

.DisplayBox, .DisplayBox_Hover
{
	background-color: #F2F2F2;
	border: solid 1px #666666;
	margin: 3px 0px 3px 0px;
}

.DisplayBox_Hover 
{
	cursor: hand;
}

.DisplayBox_Title
{
	background-color: #816d5f;
	padding: 4px;
	font-weight: normal;
	font-size: 9pt;
	color: White; 
	height: 20px;
}

.DisplayBox_Hover .DisplayBox_Title
{
	cursor: hand;
	background-color: #666666;
	color:White;
}

.DisplayBox_Content
{
	padding: 4px;
	font-size: 9pt;
	
}

/**************************************************
* BoxGrid Design Styles
***************************************************/
.BoxGrid 
{

}

.BoxGrid_Header 
{
	background-color: #DDDDDD; 	
}

.BoxGrid_TitleCell 
{
	background-color: #816d5f; 		
	color: White;
	font-size: 9pt;
	font-weight: normal; 
	padding: 2px 2px 2px 6px; 
}
.BoxGrid_ToggleCell 
{
	background-color: #999999; 
}

.BoxGrid_TabsCell 
{
	background-color: #EEEEEE;
	border: solid 1px #e56d09;
	padding: 3px;	
}

.BoxGrid_DisplayCell 
{
	border: solid 1px #999999;
	padding: 1px; 	
}

.BoxGrid_SepCell 
{
	background-color: #999999; 
}

.BoxGrid_RowEven, .BoxGrid_RowOdd 
{
	background-color: #EEEEEE;
}

.gridItem_Over
{
	background-color:#FFCC66;
}

.gridItem_Over a, .gridItem_Over a:visited, .gridItem_Over a:active
{
	color: black;
}

.gridItem_Over_Delete
{
	background-color:#C0362C;
	color: #EEEEEE;
	cursor:hand;
}

.gridItem_Over_Delete .Item_Title 
{
	text-decoration: line-through;	
}

.gridItem_Over_Delete a, .gridItem_Over_Delete a:visited, .gridItem_Over_Delete a:active
{
	color: white;
}

.GridFooter
{
	background-color: #EEEEEE;
	color: Black; 
	font-size: 10pt;
	text-align: right;
	vertical-align: bottom;
	padding: 4px;
	font-size: 8pt;
	
}

.GridFooter td 
{
	font-size: 8pt; 
}




/**************************************************
* Forms
***************************************************/

.FieldTitle 
{
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 10pt;
}

.FieldError 
{
	font-size: small;	
}

legend 
{
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 10pt;
	font-weight: bold; 
}


FieldSet 
{
	width: 475px; 
}

.HiddenAddressBox 
{
	display:none; 
}

/**************************************************
* GridItems
***************************************************/
.ListHead, .ListHead td
{
    background-color: #cfc2a9;
    color: black;
    font-size: 10px;
    font-weight: bold;
}

.ListItem, .ListItem td
{
    background-color: #ffffff;   
    color: black;
    font-size: 10px;
}

.ListItem_Delete, .ListItem_Delete td 
{
	color: #e5d9c0;
    font-size: 10px;
    text-decoration: line-through;	
}


.ListItemAlt, .ListItemAlt td
{
    background-color: #f4e7cd;
    color: black;
    font-size: 10px;
}

.ListFooter
{
    background-color: #f4e7cd;
    line-height: 10pt;
}

.ListFooterStub, .ListFooterStub td
{
    background-color: #EEEEEE;
    font-size: 11px;
}


/**************************************************
* Tabs
***************************************************/

.Tabs .ajax__tab_header
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #e56d09;
}
.Tabs .ajax__tab_header .ajax__tab_outer
{
    background-color: #cfc2a9;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.Tabs .ajax__tab_header .ajax__tab_tab
{
    color:#000;
    padding:0.35em 0.75em;
    margin-right:0.01em;
}
.Tabs .ajax__tab_hover .ajax__tab_outer
{
    background: url() #bd4200 repeat-x left -1300px;   
}
.Tabs .ajax__tab_hover .ajax__tab_tab
{
    color:#fff;
}

.Tabs .ajax__tab_active .ajax__tab_tab
{
    color:#fff;
}
.Tabs .ajax__tab_active .ajax__tab_outer
{
    background:url() #e56d09 repeat-x left -1400px;
}
.Tabs .ajax__tab_body
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;
    border:solid 1px #808080;
    border-top-width:0px;
}

/**************************************************
* Order Details
***************************************************/

.DetailsPage 
{
	border: solid 1px #816d5f;
	border-left: solid 0px #816d5f;
}

.DetailsPage th
{
	background-color: #cfc2a9; 
	font-size: small; 
	font-weight: bold; 
	text-align: left;
	padding: 2px;	
	border-left: solid 1px #816d5f;
}

.DetailsPage td
{
	font-size: small; 
	padding: 2px; 
	border-left: solid 1px #816d5f;
}

.StatusTitle
{	
	background-color: #e56d09;
	width: 10%;
	padding: 8px; 
	font-weight: bold;
	font-size: 10pt;
	color: White; 

}

.StatusMessage
{	
	background-color: #f4e7cd;
	width: 90%; 
	padding: 8px;
	font-style: italic;

}

.InlineTextSmall
{
	font-size: smaller; 
}

.AccentText
{
	font-size: small; 
	font-weight: bold; 
}
