@import "general.css"; /* Mostly just text styling. */
/*  */
body {
	margin:0px; 
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	background: url(/images/backgroundBrks.jpg) repeat scroll center top;
	font-family:Verdana;
	font-size:10pt;
	color:#000;		
	}

a, a:link, a:visited {color:#000; text-decoration:none;}
a:hover {text-decoration:underline}

form {margin:0px}

input {border:1px solid #9F9F9F}
input#view {border:0px solid #808080; background:#000; color:silver}
	
#wrapper {height:auto important!; min-height:850px; z-index:2;} 
/* this div establishes the min height of the content and is followed by the footer div and the fixed grass */

	#pageHeader {																									
	/* this div sets the height of the header, it's contents will take up full width of the page centered and will have the black banner background with pink stripe at the bottom  */
		width:100%;	height: 205px;  																
		background: url(/images/hdrBkgd.jpg) repeat-x center top; 	
		/* by changing the word top to -20px the banner bgd image will move up 20px or it takes % instead of px */
	 	margin:0px auto; /* Right and left margin widths set to "auto" */
	 	text-align:left; /* Counteract to IE5/Win Hack */
	}																																								
		#pageHeaderWrapper { 																				
		/* this div limits the header area to be 1024px wide centered on the page and has the logo as background on top left */
		 margin:0px auto; /* Right and left margin widths set to "auto" */
		 text-align:left; /* Counteract to IE5/Win Hack */ 
		 text-align:left; /* Counteract to IE5/Win Hack */ 
		 min-height:205px; z-index:5; 
		 width:1024px;
		 display:block;
		 background: url(/images/logo_tr.png) no-repeat;
		 background-position:left top;
		 /* by changing the word left to -20px the banner bgd image will left 20px or it takes % instead of px and a positive value will move it towards the right */
		}
			#headerLogoBox {vertical-align:top; float:left; margin-top:0px; } 
			/* this div contains the link that corresponds to the logo image */
			.logo {width:150px; height:150px;} /* establishes the size of the area the will corresponf to linking the logo to the homepage */
			
			#headerBannerBox {float:left; padding-top: 5px; width:85%; text-align:right; margin-left:-40px;} 
			/* div that holds the banner above the top nav */
			
			#headerNavBox  {
			float:left;
			margin-left:auto;
			margin-right:auto;
			position:relative;
			top:-60px;
			width:980px;
}
			/* div that holds the top nav */
				#headerNavBox ul {float:right; _width:700px; display:compact; margin:0px auto; padding:0px;}
				#headerNavBox li {list-style:none; display:inline;}
				#headerNavBox li.divider {position:relative; top:5px;}
				 a:hover img.topnav {}
				.toplink, a.toplink {color:#FFF; font-family:arial; font-weight:bold; text-decoration:none; font-size:11px}

#pageContent {
/* div that holds content centered below the top nav and has the ivy background centered within */
	display:block; width:100%; 
	min-height:670px;
	margin:-33px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */ 	
	background: url(/images/backgroundIvy.png) no-repeat center top;	
}


#contentWrapper {
/* limits the content area to 1024px wide and centered */
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */ 
	text-align:left; /* Counteract to IE5/Win Hack */ 
	min-height:800px; z-index:5; 
	width:1024px;
	display:block;
	padding-top: 25px;
	
}

#contentTopBox {
/* holds the search and the visible shopping cart and this will need to have a border that uses bkgd repeat to create a frame around it */
_background: transparent url(/images/transparent_black_bg.png); 

border-style:1px dotted #000;
}
	#ContentTop {width:790px; display:block}
	#searchForm {padding:0px; margin:0px; vertical-align:center; _margin-top:6px;}
	#search {margin:0px; width:790px; height:28px; border:2px solid #c0c0c0; background:url(/images/transparent_black_bg.png);}
	a.searchLink {text-decoration:none; color:#F26ABC; margin-left:10px;}
	.searchsubmit {border:0px; margin:0px 0 -5px 5px;}
	.search {z-index:8;}
	.searchbox {display:inline; width:250px;}
	
	#cart {float:right; text-align:right; width:400px; font-size:11px;  z-index:100; color:#f26abc; margin-right:10px; margin-top: -38px;}
	#cart a {color:#f26abc; text-decoration:none}
	#cart a:hover {color:#f26abc; text-decoration:underline}

#contentbox {
/* holds the istar include and this will need to have a border that uses bkgd repeat to create a frame around it */
	width:790px; 	min-height:735px;
	display: block;	
	background: transparent url(/images/transparent_black_bg.png); 
	color:#FFF;
	border: 2px solid #c0c0c0;
	}
#contentbox a {color:#FFF;}
#contentbox #padding {padding:10px;}

#leftNavContainer	{
/* holds the leftnav and this will need to have a border that uses bkgd repeat to create a frame around it */
width:150px; min-height:650px; 
background: transparent url(/images/transparent_black_bg.png);  
border-style:1px dotted #000;
color:#a93172;
clear: both;
border: 2px solid #c0c0c0;
float:left;
}
#leftnav {white-space:nowrap; margin-top:20px; float:left; width:150px; z-index:800; vertical-align:top; height:auto important!; max-height:1405px; overflow-y: auto; color:#F26ABC}
#leftnav a {color:#FFF; }
#leftnav a:hover {color:#F26ABC}
#leftnav a.deptLink {color:#FFF; font-weight:bold;}
#leftnav a.deptLink:hover {color:#F26ABC; font-weight:bold;}
#leftnav.brands a {color:#FFF; font-size:10px; margin-left:-3px; white-space:normal;}
#leftnav.brands a:hover {color:#F26ABC;}
#leftnav p {top:30px;z-index:890; color:#FFF}
#link_to_category, #link_to_brand {color:#F26ABC}
a.leftnavlinks {text-decoration:none; text-transform: capitalize;}
a.leftnavlinks:hover {text-decoration:underline; text-transform: capitalize;}
#leftNavWrap {float:left; display:table-cell; z-index:800; vertical-align:top;}
.shopBy {display:block; padding-top:10px; padding-left:7px; font-size:9px; font-weight:normal; color:#FFF;}
.shopByBrand {top: -10px; position: relative; float: left;}
div.brands, div#leftnav {height: auto important!; max-height: 1405px; overflow: hidden; }
.leftnavlinks {color:#d95f94; text-decoration:none;}

.shopByCategory {display: block; float: left;}
.category {height: auto important!; max-height: 1405px; overflow: hidden; width: 150px; }
#categoryList {list-style-type:none; position:relative; left:10px; margin:0px}
a .deptLink {color:#d95f94; text-decoration:none;}
.classMargin {margin-left: 13px;}
.subClassMargin {margin-left: 20px;}
.manufMargin {margin-left:10px;}
#link_to_category {margin-left:6px}
#bottomBanners {margin: 8px auto; width:1024px; padding:25px; }
#footer {clear:both; width:974px; height:80px; text-align:center; margin:15px auto; color:#FFF}
a.bottomnav {color:#FFF; font-size:12px; font-weight:bold; text-decoration:none;}
a.camcommerce {color:#FFF; font-size:11px; text-decoration:none;}

img.border {border:2px solid #C0C0C0}

#grass {height:35px; background: url(/images/grass.png) 100% 75%; width:100%; margin-bottom:0px; bottom:0px; position:fixed; z-index:6;}

/* border styling */

.center .block1_t{
	background:url(/images/block1_t.gif) repeat-x left top;
	}
	.center .block1_r{
		background:url(/images/block1_r.gif) repeat-y right top;
	}
	.center .block1_r2{
		background:url(/images/block1_r.gif) repeat-y right top;
		padding-right:8px;
	}
	.center .block1_b{
		background:url(/images/block1_b.gif) repeat-x left bottom;
	}
	.center .block1_l{
		background:url(/images/block1_l.gif) repeat-y left top;
	}
	.center .block1_lt{
		background:url(/images/block1_lt.gif) no-repeat left top;
	}
	.center .block1_rt{
		background:url(/images/block1_rt.gif) no-repeat right top;
	}
	.center .block1_rb{
		background:url(/images/block1_rb.gif) no-repeat right bottom;
	}
	.center .block1_lb{
		background:url(/images/block1_lb.gif) no-repeat left bottom;
		padding:5px 5px 5px 5px;
	}

	#first {float:left; display:inline; margin: 0px 5px 0px 10px}
	#second {float:left; display:inline; margin: 0px 5px 0px 5px}
	#third {float:left; display:inline;margin: 0px 10px 0px 5px}
	#fourth {float:left; display:inline;margin: 15px 10px 0px 10px}
	#fifth {float:left; display:inline;margin: 15px 10px 0px 5px}
	#sixth {float:left; display:inline;margin: 15px 15px 0px 10px}
	
	.fl {float:left;}
	.mb7 {margin-bottom:7px}

#menuh ul li, #menuh ul li:hover {bottom:0px;}


	/* menu styles */

		#menuh-container
			{
			top: 2em;
			left: 1em;
			}

		#menuh
			{
			font-size: small;
			font-family: arial, helvetica, sans-serif;			
			float:left;
			margin-left:200px;
			padding-top:6px;
			}
				
		#menuh a.first_child
			{
			text-align: center;
			white-space:nowrap;
			margin:0;
			padding: 0.3em;
			display:block;			
		
			background:#000;
			font-size:12px;
			text-align:left;
			padding: 8px 10px 5px 10px;
			}

			#menuh a.first_child:hover
			{
			text-align: center;
			white-space:nowrap;
			margin:0;
			padding: 0.3em;
			display:block;		
	
			background:#000;
			font-size:12px;
			text-align:left;
			background-color: #d83689;
			padding: 8px 10px 5px 10px;
			}


			
		#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
			{
			color: white;
			background-color: ;
			text-decoration:none;
			}
			
		#menuh a:hover						/* menu on mouse-over  */
			{
			color: white;			
			text-decoration:none;
			}	
			
		#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
			{
			background:transparent;
			background-position: right center;
			background-repeat: no-repeat;
			}
			
		#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
			{
			background-position: right center;
			background-repeat: no-repeat;
			}

		#menuh ul 
			{
			list-style:none;
			margin:0;
			padding:0;
			float:left;			
			_width:7em;	/* width of all menu boxes */
			/* NOTE: For adjustable menu boxes you can comment out the above width rule.
			However, you will have to add padding in the "#menh a" rule so that the menu boxes
			will have space on either side of the text -- try it */
			}

		ul.wide {min-width: 7em;}

		#menuh li
			{
/*			position:relative;*/
			min-height: 1px;		/* Sophie Dennis contribution for IE7 */
			vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
			}

		#menuh ul ul
			{
			position:absolute;
			z-index:500;
			top:auto;
			display:none;		
			border-bottom: 2px solid #C0C0C0;
			border-top:0px;
			padding-top:8px;
			background:#000;
		
			}

		html>body #menuh ul ul { 
			*position: relative;
			z-index:900; } 


		
		#menuh ul ul ul
			{
			top:0;
			left:100%;
			}

		div#menuh li:hover
			{
			cursor:pointer;
			z-index:100;
			}

		div#menuh li:hover ul ul,
		div#menuh li li:hover ul ul,
		div#menuh li li li:hover ul ul,
		div#menuh li li li li:hover ul ul
		{display:none;}

		div#menuh li:hover ul,
		div#menuh li li:hover ul,
		div#menuh li li li:hover ul,
		div#menuh li li li li:hover ul
		{display:block;}


		ul#menubg {background:red}
		ul.wide {min-width: 4em; text-align:left;}
		#menuh ul.wide li a {text-align:left; font-size:12px;}
		#menuh ul.wide li a.top_parent {text-align:center;}
		#menuh ul.wide li a.first_child {padding:6px; height:30px; border-bottom:1px dotted #466bd5}