/** Styles in this sheet will NOT be available in Content Editor 
*** See ContentStyles.css for Content Editor styles 
*** Do not include font/text related styles in this sheet, use the ContentStyles css file instead
**/

/* Start General Styles */
html 
{
	background-color: #F2CB94;
}

body
{
    text-align:center; /* centering site 1/3 */
    margin:0;
   	background: #F2CB94 url(../../../Assets/images/new_bg.jpg) repeat-x top left;
     
     
    /*DO NOT include font information here, see ContentStyles.css*/
}


.hiddenDiv { display: none; visibility:hidden;}
/* End General Styles */

/* Start General Layout Styles */
#wrapper
{
    margin: 0 auto; /* centering site 2/3 */
    text-align:left; /* centering site 3/3 */
    width: 950px; /* Overall site width */
}

#main_container
{
    float: left;
    width: 780px;
    margin-left: 160px; /* Pushes this column over by same width as what will be first col to appear before this col */
    margin-right: 5px;
    /*background-color:Gray; Background color of main content area center */
    /*padding:5px;  causes column to stretch */
     
}
* html #main_container
{
    display: inline;
}
#main_content
{
    padding:5px 5px 5px 5px;
}

#main_content ul li
{
    list-style-type: disc;
    margin: 1px 0px 1px 20px;
}

.deptRightPromoColumn
{
    float:right;
    display:inline;
    width:200px;
}

.deptLeftMainColumn
{
    float:left;   
}


.wrapper_main ul {margin:0px 0px 0px 40px;}
.wrapper_main ul li
{
    list-style-type: disc;
    margin: 1px 0px 1px 0px;
}

/* End General Layout Styles */

/* Start Header classes */
#header
{
    background-color: Transparent;
}

.header-info{}

.header-search 
{
	float:right;
	
}

/***********************************/
/* Start Main Navigation Styles */
#MainNavigationImage
{
    padding: 0px;
	margin:0px;
	width:950px;
	background-image:url(../images/BrightonMenu.gif);
}

.header-nav,
#MainNavigation ul.level-1
{
	padding: 0px;
	margin:0px;
	width:950px;
}

/*this turns the main nav text brown so that it is not visible over the main nav images */
#MainNavigation
.link-level-1
{
	color: #6D2F00;
}

/* each menu item in the top most level has an image background */
#MainNavigation
	.level-1-1 
	{
		 background: url(../images/nav_saddles.gif) no-repeat;
		 width: 127px;
		 line-height: 51px;
	}

#MainNavigation
	.level-1-2 
	{
		 background: url(../images/nav_tack.gif) no-repeat;
		 width: 84px;
		 line-height: 51px;
	}

#MainNavigation
	.level-1-3 
	{
		 background: url(../images/nav_riding_gear.gif) no-repeat;
		 width: 170px;
		 line-height: 51px;
	}

 #MainNavigation
	.level-1-4 
	{
		 background: url(../images/nav_horse_care.gif) no-repeat;
		 width: 165px;
		 line-height: 51px;
	}


 #MainNavigation
	.level-1-5 
	{
		 background: url(../images/nav_lifestyle.gif) no-repeat;
		 width: 144px;
		 line-height: 51px;
	}

 #MainNavigation
	.level-1-6 
	{
		 background: url(../images/nav_media.gif) no-repeat;
		 width: 102px;
		 line-height: 51px;
	}

 #MainNavigation
	.level-1-7
	{
		 background: url(../images/nav_clearance.gif) no-repeat;
		 width: 158px;
		 line-height: 51px;
	}

 #MainNavigation
	a.link-level-2 
	{
		color: #000000;
		border: solid 1px #000000;
		text-transform:uppercase;
		line-height:15px;
		padding: 5px;
		font-weight:bold;
	    white-space:nowrap;	
	}
 #MainNavigation
	a.link-level-3 
	{
		color: #000000;
		line-height:12px;
		padding: 2px 5px;
	}
	
 #MainNavigation
	.level-3 ul
	{
		display:none !important;
	}

/* -------------------------------------------------------------------------- */
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a
{
    border-bottom: 0;
   
}
.PrettyMenu ul.AspNet-Menu li li a
{
    text-transform: capitalize;
    font-size: small;
    color: #003468;
    /*background: #7D91B6;
    color: #FED204;*/
}
.PrettyMenu ul.AspNet-Menu li li li a
{
    color: #003468;
    background: transparent;
}
/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}


.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}

/*style for the second level (bordered items in teh panels) */
.PrettyMenu .level-2, 
.PrettyMenu .level-3 
{
	width:175px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    /*width: 10.5em;*/
    left: 0;
    top: 100%;
    background: #FFE9CA;
    width: 550px;
    border: 1px solid black;
    z-index: 9999;
    padding: 5px 5px 15px 5px;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
    border: none;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 7.5em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
       
    text-align:left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    padding: 0 5px 5px 0;
    display: block;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul ul li
{
    display: none;
    
}
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    padding: 2px 0px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: 0px !important;
    left: 0px !important;
    top: 0px !important;
    padding: 5px !important;
    display: block !important;
    background: inherit !important;
    position: relative;
}
.PrettyMenu ul.AspNet-Menu li ul li
{
    list-style: none;
}
.PrettyMenu ul.AspNet-Menu li
{
    list-style-position: outside;
    list-style-type: disc;
   
}


/* Special Navigation Classes */
li.level-1
{
    list-style: none !important;
}
.level-1-2 ul
{
    left: -80px !important;
    /*width: 250px !important;*/
}
.level-1-2 ul ul
{
    /*width: 7.5em !important;*/
}
.level-1-3 ul
{
    left: -170px !important;
}
.level-1-4 ul
{
    left: -250px !important;
}
.level-1-5 ul
{
    left: -383px !important;
}
.level-1-6 ul
{
    left: -450px !important;
}
/* End Main Navigation Styles */
/*************************************/
	
#header_content
{
    padding:10px 0px 0px 0px;
    color: #ffffff;
}

#header_content a
{
    color: #ffffff;
    text-decoration:none;
}

#Logo       {float: left; width:200px;}
#Tagline    {clear:both;}
#Welcome    {float:right; width:400px; text-align:right;}
/* End Header classes */

/* Start Footer classes */
#footer
{
    clear: both;
    /*padding:10px;  Causes footer to jut out on right hand side*/
    background-color: #F2CB94;
    color: #000000;
    
}

#footer_content
{
    
}

#footer_menu_row
{
    padding:5px;
    background-color: #6D2F00;
    color: #ffffff;
    vertical-align:middle;
    
}
#footer_menu
{
	padding: 10px 5px;
}
#footer_menu a:link,
#footer_menu a:visited
{
    color:#ffffff;
}
#footer_menu a:hover,
#footer_menu a:active
{
    color:#ffffff;
}
/* End Footer classes */


/* Start Login/Password Recovery Styles */
#pswReminderDiv .ButtonStyle {margin: 5px 0px 5px 0px;}
.AspNet-Login-InstructionPanel, .AspNet-PasswordRecovery-UserName-InstructionPanel,.AspNet-PasswordRecovery-Question-InstructionPanel, .AspNet-PasswordRecovery
{
    padding:0px 0px 5px 0px;
}
.PRInstructionPanel {padding: 10px 0px 5px 0px;}
.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label, .AspNet-PasswordRecovery-UserName-UserPanel label,
.AspNet-PasswordRecovery-Question-UserPanel label, .AspNet-PasswordRecovery-QuestionPanel label, .AspNet-PasswordRecovery-AnswerPanel label
{
    width: 8em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
}
.prLabel {padding-right: 0.5em;}
.prInput {}
.AspNet-Login-UserPanel input, .AspNet-Login-PasswordPanel input, .AspNet-PasswordRecovery-UserName-UserPanel input,
.AspNet-PasswordRecovery-Question-UserPanel input, .AspNet-PasswordRecovery-QuestionPanel input, .AspNet-PasswordRecovery-AnswerPanel input
{
    width: 10em;
}
.AspNet-Login-RememberMePanel
{
    padding:5px 25px 5px 25px;
}
.AspNet-Login-PasswordRecoveryPanel
{
    padding:5px 0px 5px 0px;
}
.AspNet-Login-UserPanel, .AspNet-Login-PasswordPanel, .AspNet-Login-RememberMePanel {margin:2px 0px 8px 0px;}
.AspNet-Login-UserPanel span, .AspNet-Login-PasswordPanel span {font-size:small; font-weight:bold;}
/* End Login/Password Recovery Styles */

/* Start SitePath and DataPager Styles */
#SitePathContainer {padding:6px 0px 6px 0px;}
.SitePath {text-decoration:none; font-size:smaller; color:#333333;}
.SitePath:hover, .SitePath:active {color:#0099ff; font-size:smaller; text-decoration:underline;}
.SitePathSelected {color:#0099ff;font-weight:bold; font-size:smaller;}


.dataPagerContainer {text-align:center; padding:15px 0px 15px 0px;}
.Pager {padding:0px 4px 0px 0px; border:0px none #ffffff; border-right:1px solid #000000;}
.PagerButton 
{ 
    font-family:Georgia, Times New Roman, Serif;
    color:#6D2E02;
    font-size:small;
    border:solid 1px #6D2E02;
    margin:0px 2px 2px 0px;
    padding:3px 3px 3px 3px;
    width:20px;
    height:20px;
}
  
.PagerSelected 
{
    color:#FFFFFF;
    background-color:#6D2E02;
    font-family:Georgia, Times New Roman, Serif;
    font-size:small;    
    border:solid 1px #6D2E02;
    margin:0px 2px 2px 0px;
    padding:3px 3px 3px 3px;
    width:20px;
    height:20px;
}
/* End SitePath Styles */


/* Start Address Control Classes AND Checkout Classes */

.SmallerFieldSection, .HalfFieldSection
{
    margin:0px 10px 0px 0px;
    float:left;
}
.disabledField
{
    color:#999999;
    background-color: #cecece;
}
/* End Address Control Classes AND Checkout Classes */

/* Start Tooltip Classes*/
.tooltip_content {
    display: none;        /* required */
    position: absolute;   /* required */
    padding: 10px;
    border: 1px solid black;
    background-color: white;
}

/* End Tooltip Classes*/

/* Start Calendar CSS */
.ajax__calendar_container {z-index: 9000;}
.ajax__calendar_body table tr td { padding: 0px; }
/* End Calendar CSS */



/* pop up styles */
#backgroundPopup{  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:100%;  
    width:100%;  
    top:0;  
    left:0;  
    background:#FFFFFF;
    border:1px solid #cecece;  
    z-index:1;  
}  
 
#popupDiv{  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:530px;  
    background:#BBBBBB;  
    border:2px solid #cecece;  
    z-index:2;  
    padding:12px;  
    font-size:small;  
}  

#popupDiv h1{  
    text-align:left;  
    color:#6FA5FD;  
    font-size:large;  
    font-weight:bold;  
    border-bottom:1px dotted #D3D3D3;  
    padding-bottom:2px;  
    margin-bottom:20px;  
}  
 
#popupDivClose{  
    font-size:medium;  
    line-height:14px;  
    right:1px;  
    top:1px;  
    position:absolute;  
    color:#6fa5fd;  
    font-weight:bold;  
    display:block;  
}  

/* end popup styles */

/* shoppingbag styles */

/* end shopping bag styles */

/* checkout styles */


/* end checkout styles */

/* login styles */

/* end login styles */

/* my account styles */

/* end my account styles */