/* 
Title:		Northstar Cases screen styles
Author: 	David Boyer
Email:		david.boyer@26tigers.com
Updated:	September 16, 2006
*/

/*---------Design Notes----------

	COLORS:
	Dark Orange Links: #B75C00

---- end design notes */


/*----------Global---------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type:none;
}
body {
	background: #C86629 url(../images/bg_body.gif) repeat-x; /* Sets the body background color and a background image that repeats on the x-axis. */
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10pt;
	line-height: 1.1em;
	color: #333333; /* Set default text to a dark gray. */
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto marging. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
	min-width: 800px; /* KlUDGE: Keeps Netscape 6 from spilling off the side of the page when viewport is reduced beloew wrapper width. */
}
hr {
	clear:both;
	visibility:hidden;
}
.hrVisible hr
{
	clear:none;
	visibility:visible;
}

.clear {
	clear:both;
}
.centered, p.centered {
	text-align:center;
}
.right {
	text-align:right;
}		
img {
	border:0;
}	

/*----------Set Generic Link Rules----------*/
a:link {
	color: #7F4014;
	text-decoration: none;
}
a:visited {
	color: #7F4014;
	text-decoration: none;
}
a:hover {
	color:#2D3F3D;
	text-decoration: none;
}
a:active {
	color:#2D3F3D;
	text-decoration: none;
}

/*----------Set Specific Link Rules----------*/
a:link.go, a:visited.go {
	background: url(../images/bullet_go.gif) no-repeat 100% 0;
	font-size:100%;
	padding-right: 23px;
	color:#B75C00;
	line-height: 14px;
}
a:hover.go {
	background: url(../images/bullet_go_over.gif) no-repeat 100% 0;
}
		
/*---------- Generic Positioning ----------*/
.right {
	float:right;
}
.left {
	float:left;
}

/*----------Sets the styles for the skip to navigation link----------*/
#skip {
	position: absolute; /* Sets the skip DIV to absolute to take it out of the flow of the document; this allows it to be placed in an exact location. */
	left: -3000px; /* Adds a high negative margin to take the skip DIV off the viewport so that visual visitors do not see it. */
}
.clear {
	clear: both;
}

/*----------Sets the width of the main wrapper that will contain all the other DIVs----------*/
#wrapper {
	width: 780px; /* Makes the main wrapper 780 pixels wide. */
	margin: 0 auto; /* Centers wrapper in viewport. */
	text-align: left; /* KLUDGE: Realigns text to the left for the IE fix. */
}


/*----------Sets the header area styles. ----------*/
#header {
	margin: 0;
	padding: 0;
	background: url(../images/bg_header_yellow.gif) no-repeat; /* Sets the header background image with no repeat. */
	height: 193px; /* Sets the height of the header DIV to the height of its background image. */
	width: 780px; /* Sets the header width the same as its background image. */
	position: relative; /* Needed to allow for the absolute postioned nav tabs otherwise the tabs would postion relative to the viewport. */
}
#header h1, #header h2 {
	text-indent: -9954px;
	float:right; /*Floating removes it from the flow and prevents spacing issues.*/
}
img#logo {
	position:absolute;
	left:0;
	right:0;
}
	
	/*----------Navigation Bar ----------*/
	ul#navbar {
		padding: 0;
		margin: 0;
		list-style: none;
		float: right;
		position: absolute;
		width: 483px;
		top: 43px;
		right: 0px;
	}
		ul#navbar li {
			float:right; /* Float left to display link hoziontally. Need to float the parent as well. */
			padding-left: 12px; /*Provides sepration between the nav links. */
			background: url(../images/bg_navdivider_yellow.gif) no-repeat 6px center;
		}
		ul#navbar li.first {
			background:none; /*Removes the divider line from the first nav entry.*/
		}
			ul#navbar a {
			font: 100% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			font-weight: bold;
			display: block;
			text-transform: capitalize;
			text-decoration:none;
			line-height: 18px;
					}
				ul#navbar li a:link {
					color: #676767; /* Medium Gray */
				}
				ul#navbar li a:visited{
					color: #676767; /* Medium Gray */
				}
				ul#navbar li a:hover {
					color: #000000; /* Orange */
				}
				ul#navbar li a:active {
					color: #763C18; /* Brown */
				}

	/*----------Search Area ----------*/
	#headersearch {
	position: absolute;
	width: 419px;
	left: 351px;
	top: 120px;
	height: 54px;
	}
	
/* for Internet Explorer */
/*\*/
* html #headersearch {
top: 136px;
}
/**/
	
		#headersearch fieldset {
			border: none; /* Turns off the border around the search area. */
		}
		#headersearch legend {
			text-indent: -9982px; /* Pushes the legend off the screen but still allows screen readers to find the search area. */
		}		
	p.searchitem {
		float: left;
		padding: 0 0 0 7px;
	}
		p.searchitem select, p.searchitem input {
			font: 75% Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
		}
		p.searchitem input {
			width: 165px;
			padding: 1px 0;
		}
	p.searchsubmit input {
	float: left;
	padding: 2px 0 0 5px;
	}
			
/*----------Sets Content Area Layout and Style ----------*/
#content_wrapper { 
	width: 549px;
	background: url(../images/bg_contentarea.gif) repeat-y; 
	float: right;
	font-size: 95%;
	padding: 0 8px;
	min-height: 650px;
}
/* for Internet Explorer */
/*\*/
* html #content_wrapper {
height: 650px;
}
/**/

#bwlogo
{
	color: #FFF;
}

#content_wrapper p 
{
	font-size: 8pt;
}

#content_wrapper h2
{
	font-size: 12pt;
	font-weight: bold;
}

	/*--
	----------Front Page Content Styling ----------*/
	/*----------Sets the promo area styles. ----------*/
	img.promo {
		background: url(../images/bg_promodivider.gif) repeat-x bottom;
		padding-bottom:24px;
	}

	/*----------Sets the Front Columns area styles. ----------*/
	#frontcol_wrapper {
	 /* Empty for now but could be useful. */
	}
	div#fcolheader {
		float:left;
		width:182px;
		background: url(../images/bg_boxtop.gif) no-repeat top;
		padding-bottom:15px;	
	}
		div#fcolheader h5 {
			font: 135% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			font-weight: normal;
			font-size: 12pt;
			font-weight: bold;
			color: #678FA8;	
			padding: 0 3px 0 28px;
			line-height: 41px; /* Expands so background to fill completely and aligns text to the vertical middle.*/
		}
		
		.frontcontent_generic {
			font-size: 75%;
			padding: 10px;
		}
	/*--	
	----------Sets Product Page area styles. ----------*/
		/*----------Sets breadcrumb navigation style. ----------*/
		#breadcrumb {
		font-size: 80%;
		padding: 2px 8px;
		color: #666666;
		}
			#breadcrumb a:link, #breadcrumb a:visited {
				color: #666666;
			}
			#breadcrumb a:hover {
				color: #7F4014;
			}
		
		/*----------Sets Product Name Banner style. ----------*/	
		h1.productbanner {
			display:block;
			font: 175% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			font-weight: normal;
			color: #FFFFFF;
			background-color:#000000;
			line-height: 41px;
			padding: 0 8px;
			margin-bottom: 15px;
		}	
		
		/*----------Sets Product colums ----------*/
			#prodleftcol {
				float: left;
				width: 264px;
				width: 253px;
			}
			#prodrightcol {
				float: right;
				width: 264px;
				padding: 0 0px 0 0px;
			}	
			
		/*----------Sets Product Images style.----------*/		
			.prodimage {
				padding: 10px 15px;
				border: 1px solid #ccc;
			}
			.prodsection {
				border-top: solid #CFCFCF 1px;
				padding:3px 0 10px 10px;
				margin-top: 5px;
			}
			.prodthumb {
				float: left; 
				margin: 10px 8px 0 0; 
				height: 51px; 
				border: 2px solid #A1A1A1;
			}
			
		/*----------Sets Related Product style.----------*/	
			ul.prodrelate {
				padding:0 8px;
				margin:0;
			}			
				ul.prodrelate li  {
				/* Empty for now. */
				}
				ul.prodrelate li img {
					float: left;
					padding: 0 10px 0 0;
					width: 60px;
				}
				ul.prodrelate li p {
					float:left;
					font-size: 85%;
					padding-top: 5px;
					width: 175px;
					line-height: 1.2em;
				}
				ul.prodrelate li p a:link, ul.prodrelate li p a:visited {	
					color: #475B73;
					text-decoration: underline;
				}
				ul.prodrelate li p a:hover {
					color:#B75C00;
				}
				
		/*----------Sets Inside Text styles.----------*/
			h5.subheading {
				font: 135% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
				color: #793E19;
				font-weight: normal;
				padding: 0 8px;
			}
			p.tiny {
				font-size: 80%;
				color: #999999;
			}	
			#proddescript {
				padding: 0 10px 0 0;
			}
				#proddescript h2 {
					font-size: 135%;
					font-weight: normal;
					line-height: 1.1em;
					color: #676767;
					padding: 0 0 15px 0;
				}
				#proddescript p {
					font-size: 90%;
				}				
			fieldset#buybox  {
				border: none;
				font-size: normal;
				padding-top: 15px;
			}
			fieldset#buybox p {
				font-size: 105%;
				color: #000000;
				font-weight: bold;
				padding-bottom: 5px;
			}
			fieldset#buybox label {
				font-size: 90%;
			}
			fieldset#buybox input {
				width: 20px	
			}
			fieldset#buybox img {
				display: block;
				padding: 15px 0;
			}
				/*----------Sets Specification box.----------*/
					ul.specs {
						background-color: #FFFFFF;
						color: #676767;
						border: solid 1px #CECECE;
						padding: 3px 5px 5px 5px;
						margin: 15px 10px 8px 10px;
					}				
					ul.specs span {		
						font-size: 85%;
						font-weight: bold;
					}		
						ul.specs li {
							font-size: 80%;
							padding: 2px 0 1px 8px;
						}
						


/*----------Sets Left Column Layout and Style ----------*/
#content_sec { 
	width: 215px;
	float: left; 
}
	
	/*----------Secondary Navigation  ----------*/	
	#navsec {
		width:215px;
		background:url(../images/bg_navsec_menu.gif) repeat-x top;
		background: none;
	}
		#navsec ul {
			list-style: none;
			width: 200px;
			padding:20px 0 15px 0;
			margin:0;
		}
			#navsec ul li  {
				display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
			}
				#navsec ul li a:link {
					font: bold 100% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
					color:#FFD6BD;
					display:block;
					text-decoration:none;
					text-align:right;
					margin:0 0 8px 0;
					background:url(../images/bullet_northstar.gif) no-repeat right center;
					padding-right: 22px;
					line-height: 25px;
				}
				#navsec ul li a:visited {
					color:#FFD6BD; /*Dark Purple*/
					font: bold 100% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
					display:block;
					text-decoration:none;
					text-align:right;
					margin:0 0 8px 0;
					background:url(../images/bullet_northstar.gif) no-repeat right center;
					padding-right: 22px;
					line-height: 25px;
				}	
				#navsec ul li a:hover {
					color:#FFFFFF;
				}
					#navsec ul li a:active {
					color:#ff9000;
				}

	/*----------Sideblocks Content  ----------*/	
 	.sideblock {
		padding: 0 0 20px 0;
	}
		/*----------Cart Styling Content  ----------*/	
		img.cartbutton {
			padding: 5px 11px; /* Spaces buttons out within the limits of the 215px wide container. */
		}
		p.carttext {
			background:url(../images/bullet_basket.gif) no-repeat left 3px;
			padding: 0 15px 5px 25px;
			margin-top: 10px;
			font-size: 85%;
			color: #FFFFFF;		
		}

		/*----------Front News Styling Content  ----------*/	
		ul.newsfront {
			padding: 5px 0 0 0;
			margin: 0;
			color: #5A2300;
		}
		ul.newsfront li {
			background:url(../images/bullet_newspaper.gif) no-repeat left 4px;
			padding:0 15px 0 20px;
			margin:0;	
		}		
		ul.newsfront li p {
			font: 80%/1.2em Verdana, Arial, Helvetica, sans-serif;
		}
		h3.newstitle {
			font-size: 100%;
			font-weight: bold;
			text-transform: capitalize;
			padding:0;
			margin:0;
			line-height:normal;
		}
			h3.newstitle a:link, h3.newstitle a:visited {
				color: #EEE;
			}
			h3.newstitle a:hover, h3.newstitle a:active {
				color: #000;
			}
		p.newsdate {
			color:#5A2300;
			margin:0;
			padding:0;
		}
		
/*----------Sets Footer Layout and Style ----------*/
#footer_wrapper {
	float: right;
	width: 565px;
	background: url(../images/bg_footeredge.gif) no-repeat top;	
} 
#footer_wrapper p { 
	padding: 0;
	text-align: center;
	font-size: 100%;
	color:#FFD6BD;
}

.CartDetailSummary
{
	border: solid 1px #B25B24;
	background-color: #C86629;
	text-align: right;
}

.ProductListItem
{
	background-color: #F3CD68;
	border: solid 1px #733B18; 
	width: 165px; 
	height: 250px; 
	margin: 5px;
	float: left;
	font-size: 8pt;
}

.ProductListItemHeader
{
	text-align: center;
	font-size: 8pt;
	border-bottom: solid 1px #733B18;
	background-color: #733B18;
	color: #eee;
}

.ProductListItemContent
{
	width: 155px;
	margin: 5px;
}

.ProductListItemContent img
{
	border: solid 1px #733B18;
}

.ProductListHeaderPaging a
{
	text-decoration: underline;
}

.ProductListFooterPaging
{
	padding-top: 5px;
}

.AdminMenuBar
{
	text-align: center;
}

.AdminMenuBar td
{
	font-size: 9pt;
}

.PagePreview
{
	margin-top: 10px;
	padding: 2px 4px 4px 4px;
	border: solid 1px #733B18; 
	background-color: #F3CD68;
	color: Black;
}

.PagePreview h2
{
	margin: 5px 0px 3px 0px;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

.PagePreviewMore
{
	font-weight: bold;
	margin-top: 3px;
}

.CMSElement h1
{
	font-size: 14pt;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 12px;
}

.CMSElement h2
{
	margin-bottom: 4px;
}