﻿/*element relating to the page element 'body', which includes all elements on the page*/
body {background-color: #ccc1a2; 	margin: 0px; 	margin-left: 10px;margin-right: 10px;font: 12pt calibri, arial, helvetica, sans-serif;}

/*The pre-header divs each contain a content editor for site design, and they are located before the main page container div*/
/*"master" shows up on every page */
.preHeaderContent_Master{}
/*"page" shows up only on the specific page you are currently on */
.preHeaderContent_Page{}

/*Surrounds everything on the page*/
#pageContainer {}

/*Surrounds everything within #pageContainer*/
#pageContentContainer {clear:both;	width: 980px;	margin: 10px auto -1px auto; }

	/*Contains the master page header elements, such as the main logo and the shopping cart controls (view cart/ checkout /logout)*/
	#headerContainer { width: 980px;margin: 0px auto; color: #333; line-height: 130%;  min-width: 775px; }
		#headerLogo {float: left; width: 775px;}	
			/*headerContent is a site design content editor area*/
			/*headerContent1 shows up on every page*/
			.headerContent1	{}
			/*headerContent2 shows up only on the specific page you are on*/
			.headerContent2 {display:none;}
		/*This area is within the page header, but only includes the shopping cart control (view cart/checkout/logout)*/
		.shoppingCart {	float: right;	font-size: 0.8em;	color: Black;	text-align: right;	padding-right: 0px; }
		/*This relates only to links within the #shoppingCartFrame */
		.shoppingCart a {color: Black; }
		.shoppingCartRow{}
        .shoppingCartControls{float:Left;}
        .shoppingCartLoginControls{float:left; text-align: right;}
        .shoppingCartControlRow{float:right;}

	/*This area contains everything on the page except elements in the header and the footer */
	#contentContainer {	width: 100%; 	min-width: 980px; clear:both; }
		/*this is site design content divs located inside the content container, but before the left nav*/
		/*every page*/
		.masterEditableContent1{}
		/*specific page*/
		.masterEditableContent2{}
		/*This is the parent container for all of the left side navigation. This section is contained within #contentContainer */
		#leftnav {	float: left;width: 226px;margin: 0px 0px 0px 0px;	padding: 0 0px 0px 0px;}
		/*This applies to all <table> elements within the #leftnav */
		#leftnav table{ 	float: left;	width: 226px;	margin-top: 0px;	}
		/*formats the header text of the #leftnav (eg CATEGORIES, ADDITIONAL RESOURCES)*/
		#leftnav .boxHeaderText, .boxSubHeaderText{	padding-top: 9px;	padding-left: 20px;	font-weight: bold;	font-size: 0.9em;	vertical-align: middle;	text-transform: uppercase;	color: Black;	height: 20px;}
		#leftnav .boxSubHeaderText{	padding-left: 20px;	color: Black;}
		/*This sets the overall style of 'list' type elements in the #leftnav. This applies to the tree control, since I believe
		they use list elements to render the treeview. */
		#leftnav ul {padding-right: 0px; padding-left: 11px; padding-bottom: 0px; margin: 0px 0px 0px 3px; 	padding-top: 0px; 	list-style-type: none;}
		/*This applies to an individual list element within a list in the #leftnav */
		#leftnav li{line-height: 23px;	}
		/*This applies to hyperlinks in an individual list element within a list in the #leftnav */
		#leftnav li a {	padding-left: 15px; 	color: Black; 	text-decoration: underline;}
		/*This applies to hyperlinks when they are hovered over in an individual list element within a list in the #leftnav */
		#leftnav li a:hover {	color: Black; 	text-decoration: none;}
		/*This applies to hyperlinks in an individual list element child within a list in the #leftnav. This element may be redundant
		and can be left blank or be removed.*/
		#leftnav li.sub a {	padding-left: 15px; 	color: Black; 	text-decoration: underline;}
		/*This applies to hyperlinks when they are hovered over in an individual list element child within a list in the #leftnav. 
		This element may be redundant and can be left blank or be removed.*/
		#leftnav li.sub a:hover {	color: Black; 	text-decoration: none;}
		/*This formats <p> (paragraph) elements in the leftnav*/
		#leftnav p { margin: 0; 	 }
			/*this is site design content divs located inside the leftnav container, but before the top left nav*/
			/*every page*/
			.masterEditableContent3{}
			/*specific page*/
			.masterEditableContent4{}

			/*This formats the top left box of the navigation panel (Home, New Products, Specials, etc) */
			#topLeftNav {width: 100%;padding-top: 0px;	background-color: Black;color: #80a0ff;	background-position: 30px -120px;}
			/*This specifies the format for hyperlinks in the topleftnav*/
			#topLeftNav a{color: Black; 	padding-left: 20px;	text-decoration: none;vertical-align:middle;}
			/*This specifies the format for hyperlinks when they are hovered ove rin the topleftnav */
			#topLeftNav a:hover{color: Black;	padding-left: 20px;	text-decoration: none;vertical-align:middle;}
				#uxMenuLink1Div{display:none;}
				#uxMenuLink2Div{display:none;}
				#uxMenuLink3Div{display:none;}
				#uxMenuLink4Div{display:none;}
				.uxMenuLink4Div{background-color: #ad9e78;height:20px;vertical-align:middle; padding: 1px 0px 2px 0px;}
				#uxMenuLink5Div{display:none;}
				#uxMenuLink6Div{background-color: #b4a681;height:20px;vertical-align:middle; padding: 1px 0px 2px 0px;}
				#uxMenuLink7Div{background-color: #a6966f;height:20px; vertical-align:middle;padding: 1px 0px 2px 0px;}
				#uxMenuLink8Div{background-color: #ad9e78;height:20px;vertical-align:middle;padding: 1px 0px 2px 0px;}
				
			/*This formats the 'search' area in the left navigation*/
			#search {padding-top: 5px; padding-bottom: 5px;	float: left;padding-left: 20px;color: Black; background-color: #9f8f67; width: 206px;}
				/*formats the actual button to the right of the search box*/
				.searchButton{	float: left;	background:url('/App_Themes/NewBlack/ButtonRight.png') no-repeat;		width:21px;	height: 21px;	}

			/*This formats the table which contains the category tree view*/
			.categoriesContainer{float: left;	background-color: #99885f;	width: 100%;}
			
			/*This is the additional resources block in the left side navigation*/
			.additionalResources{float: left; margin-top: 10px;	padding-top: 5px;	background-color: #8d7b52;	color: Black; 	width: 100%;}
			/*This is the hyperlink formatting for the additional resources block in the left side navigation*/
			.additionalResources a{		color: Black; 	padding-left: 20px;	text-decoration: none;	text-align:left;}
			/*This is the hyperlink formatting when hovered over for the additional resources block in the left side navigation*/
			.additionalResources a:hover{	color: Black;	padding-left: 20px;	text-decoration: none;	text-align:left;}
						
			/*This is the additional resources block in the left side navigation*/
			.accountManagmentNav{float: left;	margin-top: 10px;	padding-top: 5px;	background-color: #8d7b52;	color: Black; 	width: 100%;}
			/*This is the hyperlink formatting for the additional resources block in the left side navigation*/
			.accountManagmentNav a{		color: Black; 	padding-left: 20px;	text-decoration: none;	text-align:left;}
			/*This is the hyperlink formatting when hovered over for the additional resources block in the left side navigation*/
			.accountManagmentNav a:hover{	color: Black;	padding-left: 20px;	text-decoration: none;	text-align:left;}
				/*Manage Your Account*/
				#uxAcctManLink1{} 
				/*Current Order Status*/
				#uxAcctManLink2{} 
				/*Order History*/
				#uxAcctManLink3{}
				/*Return Item (RMA)*/
				#uxAcctManLink4{}
				/*Check Return Status*/
				#uxAcctManLink5{}
				/*Default Theme Editor*/
				#uxAcctManLink6{}
				/*Page Theme Editor*/
				#uxAcctManLink7{}
				/*Toggle Edit Mode*/
				#uxAcctManLink8{}
			
			/*This styles the actual content area which lies between the left side navigation and the right side advertising block*/
			#content{ float: left;	padding-bottom: 20px;padding-left: 10px; font-size: 0.9em;color: Black;width: 740px;	clear:right;}
			/*links in the content area*/
			#content a {	color: Black;}	
			/*This formats level 1 headers in the content area*/
			#content h1 { margin: 0; padding-top: 0px; font-size: 1.8em; }
			/*This formats level 2 headers in the content area*/
			#content h2 {margin: 0; padding-top: 10px;font-size: 1.2em;color: #663300;border-bottom: inset 2px #f4f6de;}		
				.subcontent{}
				.contentHeader{	float:left;	width:740px;	top: 0px;}
				.contentLocationEditor{	float: right;	top: 0px;	display:none;}
				.pagedescription{	clear:both;}
				.contentMain{	clear:both;float: left; width: 740px;}

				/*This is the style for the right side advertising block*/
				.AdvertisingBlockRight{	width: 150px;	vertical-align: top; float: right; text-align:right; display: none;}
			#AdditionalResourcesContent{}
			
		/*This is the bottom footer of the page*/
		#footerContainer{	clear: both;	width: 95%;	margin: 10px auto;	min-width: 740px;	vertical-align: bottom;	}
		/*this formats table rows in the footer*/
		#footerContainer tr{	vertical-align: bottom;}
			/*This formats the rss link in the footer, which is currently hidden*/
			#footerRssLink{	background-image: url('/App_Themes/NewBlack/rssLink.png');	background-repeat: no-repeat;	float: left;	visibility: hidden;	width: 1px;}
			/*This formats the area in the footer which includes the various links and the text © 2009 PhyleTec. All rights reserved */
			#footerContent{	float: right;	font-size: 0.8em;	color: Black;	text-align: right;	line-height: 130%;	padding-right: 5px;		vertical-align: text-bottom;	}
			/*This formats hyperlinks in the footer content area.*/
			#footerContent a{	color: Black;	text-decoration: none;}
			/*This formats hyperlinks when they are hovered over in the footer content area.*/
			#footerContent a:hover {	text-decoration: none;	}
			
.postFooterContent_Master{}
.postFooterContent_Page{}


/*formats the container holding the local and national content text, if the user can edit it*/
.contentbox {	padding: 0px;	color: Black;	border: dashed 1px #eeeeee;}
/*formats the container holding the local and national content text when it is hovered over, if the user can edit it*/
.contentbox_over {	padding: 0px;	color: Black;	cursor: Hand;		border: dashed 1px #eeeeee;}


/*This is the style for the table on the Registration page and the manage contact information page*/
.inputForm{	color: Black;}
/*This is for the required field text on input forms*/
.inputForm .required {	color: Black;	font-weight: bold;}
/*text box style on the registration and manage contact information page*/
.inputField{	width: 250px;	font-size: 0.8em;}

.bold {font-weight: bold;}

/*This styles the container surrounding the classified item entry and the product detail pages. Does not include the 
validator summary text*/
.product{	border: 1px solid #303034;	background-color: #b4a681;	padding: 5px 5px 5px 5px;}
/*formats the product description text on the classified item entry and product detail pages.*/
.productDescription{			}

/*Affects 'Bill to', 'Ship to' headers on checkout page, and the header on the Advertise with Us page.*/
.gridHeaderStyle{	background-color: #ad9e78;}
/*formats the address panel on the checkout page*/
.addressPanel{	background-color: #b4a681;	padding: 5px 5px 5px 5px;}



/*formatting for the navigation breadcrumb*/
.breadCrumb {	clear:both;	color: Black;}
	/*formatting for the navigation breadcrumb hyperlinks*/
	.breadCrumb a {	color: Black; 		text-decoration: none;}
	/*formatting for the navigation breadcrumb hyperlinks when they are hovered over*/
	#breadCrumb a {	color: Black; 		text-decoration: none;}


/*formats the recalc price button*/
.recalcPriceButton {float:left;	margin-top: 3px;	background:url('/App_Themes/NewBlack/UpdatePrice_0.png') no-repeat;		width:125px;	height: 25px;		}
/*formats the add to cart button*/
.addToCartButton {margin-top: 3px;	background:url('/App_Themes/NewBlack/AddToCart_0.png') no-repeat;		width:125px;	height: 25px;		}
/*formats the checkout button*/
.checkoutButton {margin-top: 3px;	background:url('/App_Themes/NewBlack/Checkout_0.png') no-repeat;		width:125px;	height: 25px;		}
/*formats the complete order button*/
.completeOrderButton {margin-top: 3px;	background:url('/App_Themes/NewBlack/CompleteOrder_0.png') no-repeat;		width:150px;	height: 25px;		}

.orderStatusDetailMainTable{ }
.orderStatusDetailMainInnerTable
{	
	
}
.orderStatusDetailMainInnerTable tr
{	
}
.orderStatusDetailMainInnerTable td
{
	background-color: #ccc1a2;	
	margin: 5px;
}
.orderStatusDetailHeader
{
	background-color: #ad9e78;
}
.orderStatusDetailDetail
{
	background-color: #b4a681;
}

/*

RadTreeView Vista skin

* For notes on some CSS class names, please check RadTreeView common skin file *

*/

/* general styles */

.RadTreeView_Vista,
.RadTreeView_Vista a.rtIn,
.RadTreeView_Vista .rtEdit .rtIn input
{
	font:11px "Segoe UI",tahoma,verdana,sans-serif;
	color:Black;
	line-height:1.273em;
	white-space:normal;
}

.RadTreeView_Vista .rtTop, 
.RadTreeView_Vista .rtMid, 
.RadTreeView_Vista .rtBot
{
	padding: 0 0 0 8px;
}
/*
.RadTreeView_Vista .rtUL .rtLI .rtUL 
{
	padding-left: 15px;
}*/

.RadTreeView_Vista .rtPlus, 
.RadTreeView_Vista .rtMinus
{
	margin:5px 1px 0 -10px;
	width:9px;
	height:9px;
}

.RadTreeView_Vista .rtPlus
{
	background: transparent url('/App_Themes/NewBlack/PlusMinus.gif') no-repeat 0 0;
}

.RadTreeView_Vista .rtMinus
{
	background: transparent url('/App_Themes/NewBlack/PlusMinus.gif') no-repeat 0 -9px;
}

.RadTreeView_Vista .rtSp
{
	height:20px;
}

.RadTreeView_Vista .rtChk
{
	margin: 0 2px;
	padding:0;
	width:12px;
	height:12px;
}

.RadTreeView_Vista .rtIn
{
	margin-left:3px;
	padding: 2px 3px;
	text-decoration:none;
}

/* endof general styles */


/* node states */

.RadTreeView_Vista .rtHover .rtIn
{
	padding: 1px 2px;
	color: Black;
	/*background:#fdd2b8 url('/App_Themes/NewBlack/'ItemBg.gif'') repeat-x 0 0;*/
	border: 1px solid #726238;
}

.RadTreeView_Vista .rtSelected .rtIn
{
	background-position: 0 0;
	padding: 1px 2px;
	color: Black;
	background: #a6966f repeat-x 0 0;
	border: 1px solid #726238;
}

.RadTreeView_Vista_disabled .rtIn,
.RadTreeView_Vista .rtDisabled .rtIn
{
	color:#ccc;
}

.RadTreeView_Vista .rtSelected .rtLoadingBelow
{
	color: #333;
}

/* endof node states */


/* in-line editing */

.RadTreeView_Vista .rtLI .rtEdit .rtIn
{
	border: 1px solid #726238;
	padding: 0 2px;
	height:1.2em;
	background: #fff;
	text-decoration: none;
	text-decoration:none;
}

.RadTreeView_Vista .rtEdit .rtIn input
{
	height:1em;
	line-height:1em;
	border:0;
	margin:0;
	padding:0;
	background:transparent;
}

/* endof in-line editing */


/* drop targets */

.rtDropAbove_Vista,
.rtDropBelow_Vista
{
    border: 1px dotted black;
    font-size: 3px;
    line-height: 3px;
    height: 3px;
}

.rtDropAbove_Vista
{
    border-bottom: 0;
}

.rtDropBelow_Vista
{
    border-top: 0;
}

/* endof drop targets */


/* rtl-specific styles */

.RadTreeView_Vista_rtl .rtPlus
{
	background: transparent url('~//App_Themes/NewBlack/PlusMinus.gif') no-repeat -9px 0;
}

.RadTreeView_Vista_rtl .rtMinus
{
	background: transparent url('~//App_Themes/NewBlack/PlusMinus.gif') no-repeat -9px -9px;
}

/* firefox */
.RadTreeView_Vista_rtl .rtPlus,
.RadTreeView_Vista_rtl .rtMinus
{
	margin-right:-9px;
	right:-8px;
}

* html .RadTreeView_Vista_rtl .rtPlus,
* html .RadTreeView_Vista_rtl .rtMinus
{
	margin-right:-10px;
	right:0;
}

*+html .RadTreeView_Vista_rtl .rtPlus,
*+html .RadTreeView_Vista_rtl .rtMinus
{
	margin-right:-10px;
	right:0;
}

.RadTreeView_Vista_rtl .rtTop,
.RadTreeView_Vista_rtl .rtMid, 
.RadTreeView_Vista_rtl .rtBot
{
	padding: 0 15px 2px 0;
	margin:0;
}

/* endof rtl-specific styles */


/* hacks for Opera & Safari */
@media screen and (min-width:550px)
{
	/* fixes for opera (changes the paddings/margins automatically in rtl mode') */

	html:first-child .RadTreeView_Vista_rtl .rtPlus,
	html:first-child .RadTreeView_Vista_rtl .rtMinus,
	html:first-child .RadTreeView_Vista_rtl .rtFirst .rtLI .rtPlus,
	html:first-child .RadTreeView_Vista_rtl .rtFirst .rtLI .rtMinus
	{
		margin:5px 1px 0 -10px;
		right:0;
	}
	
	/* fix for safari bug (inline-block positioned elements in rtl mode get no width') */
	:root .RadTreeView_Vista_rtl .rtPlus,
	:root .RadTreeView_Vista_rtl .rtMinus
	{
		right: 0;
		margin-right: -10px;
		margin-left: 1px;
	}
}

/* endof hacks */


.radGrid
{
	border: 1px solid #726238;
	background-color: #ad9e78;
	color: Black;	
}

.radGridHeader
{
	height: 20px;
	background-color: #99885f;
	border-bottom: 1px solid #726238;
	font-weight: bolder;	
	color: Black;
	
}
.radGridItemStyle
{
	border-color: #191919 #1e1e1f #191919 #080808	
}
.radGridAlternatingItemStyle
{
	background-color: #b4a681;
	border-color: #191919 #1e1e1f #191919 #080808	
}
.radGridPagerStyle
{
	border-top:1px solid #726238;
    border-bottom:1px solid #726238;
    padding:0.3em 0.6em;
}
.radGridFooterStyle
{
}



.SearchCombo
{
	
}

