/**************************
 File Name: 	valley.css
 Theme: 	SARUMAN
 Client:	Valley Auto Liquidators

 This style sheet is built as an addendum for
 theme: saruman.

 It is built from the css_log table in the db
 upon 'generate_site.php' and spit out to the
 client's webspace as 'base.css' in root.

 Only cascading styles to supplement the framework
 established by saruman.css reside here.

 -----------

 Styles are arranged by page layout order.

 -----------

 Created: 		01/30/2008
 Changed: 		04/26/2008
 Last Changed By: 	Duggan

 By: DnS Inc.
 Copyright (c) 2006 - 2008, All Rights Reserved
****************************/

/*------------------------------------------------
 
  IMAGE CALLS: To be moved to generic 'saruman' dir 
  and be copied locally to client's webspace in 
  images/.  All css references contained in 
  'saruman.css' will point to the local images/dir 
  where the system will have put them upon running 
  'generate_site.php'.
  
  - Need to build image copying routine into 
    generate_site.php.
    
    - pull from: dashboard/themes/auto/images/$client_username
      dir on every build.  
    - This is most efficient for updates and changes.
  
-------------------------------------------------*/

body           	{
               	background-color: white;
               	font: bold 12px arial black, arial, sans-serif;
               	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/bg_repeat.gif);
              	}
              	
h1		{
		left: 230px;
		top: 155px;
		font: bold 18px Bitstream Vera Sans, georgia, arial;
		color: #000;
		border: 2px solid black;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/menu_selected_bg.jpg);
		}    
		
#pageHeader	{
		color: black;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/bg_header.jpg);
	   	}		
	   	
#pageBody	{
	   	color: #000;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/bg_vertical.gif);
	   	}	   	          
	   	
#pageBody #menu #menuTop {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/menu_top.jpg);
	   	}	   		
	   	
#pageBody #menu #menuSpan {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/menu_span.jpg);
                }
                
#pageBody #menu #menuSpan .menuNormal {
		color: #000;
		padding: 4px 0 0 0;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/menu_button.jpg);
		}                
		
#pageBody #menu #menuSpan .menuHover {
		color: #000;
		padding: 4px 0 0 0;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/menu_button_over.jpg);
		}		
		
#pageBody #menu #menuBottom {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/menu_bottom.jpg);
	   	}		
	   	
#pageBody #bodyMain {
	   	font-family: georgia, trebuchet ms;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/main_bg.jpg);
	   	}	   	
	   	
#pageBody #bodyMain .box .top {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/box_top.jpg);
	   	}	   	
	   	
#pageBody #bodyMain .box .span {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/box_span.jpg);
	   	}
	   	
#pageBody #bodyMain .box .bottom {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/box_bottom.jpg);
	   	}
	   	
#pageBody #bodyMain .listItem .itemLeft {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/item_left.jpg);
	   	}
	   	
#pageBody #bodyMain .listItem .itemSpan {
	   	color: black;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/item_span.jpg);
	   	}
	   	
#pageBody #bodyMain .listItem .itemRight {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/item_right.jpg);
	   	}
	   	
#pageFooter	{
	   	color: #000;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/valley/bg_footer.jpg);
	   	}
	   	
/*-----------------------------
  default styles
-----------------------------*/

a 		{
		color: #00f;
		}

a:hover		{
		color: red;
		}	   
		
/*-----------------------------
  page header
-----------------------------*/
		
#pageHeader .headerContact {
	   	height: 94px;
	   	padding: 15px 25px 0 0;
	   	font: 12px georgia, trebuchet ms, tahoma, times;
	   	color: black;
	   	}	
	   	
#pageHeader .headerContact .phone {
	   	font: bold 20px arial black, arial, sans-serif;
	   	color: black;
	   	}	
	   	
#pageHeader .menuItem {
	   	height: 18px;
	   	font: bold 11px verdana, arial;
	   	padding: 5px 15px 0 15px;
	   	}
	   		   	
#pageHeader .menuItem a {
	   	color: black;
	   	}

#pageHeader .menuItem a:hover {
	   	color: red;
	   	}	
	   	
#pageHeader .menuItem a.menuSelected {
	   	color: red;
	   	}

#pageHeader .menuItem a.menuSelected:hover {
	   	color: black;
	   	}	 
	   	
#pageHeader .menuItem_selected {
	   	height: 18px;
	   	font: bold 11px verdana, arial;
	   	padding: 5px 15px 0 15px;
	   	}
	   		   	
#pageHeader .menuItem_selected a {
	   	color: black;
	   	}

#pageHeader .menuItem_selected a:hover {
	   	color: red;
	   	}	
	   	
#pageHeader .menuItem_selected a.menuSelected {
	   	color: red;
	   	}

#pageHeader .menuItem_selected a.menuSelected:hover {
	   	color: black;
	   	}	
	   		   	
/*-----------------------------
  featured items element
-----------------------------*/
	   	
#pageBody #menu {
	   	color: black;
	   	}	 
	   	
#pageBody #menu #menuSpan .featured a {
	   	color: #000;
	   	}

#pageBody #menu #menuSpan .featured a:hover {
	   	color: red;
	   	}

#pageBody #menu #menuSpan .featured img {
	   	border: 2px solid black;
	   	}	
	   	
#pageBody #menu #menuSpan .menuSubHover {
		background-color: #fc0;
		border: 2px solid black;
		}

#pageBody #menu #menuSpan .menuSubHover div {
		border-top: 2px solid black;
		}

#pageBody #menu #menuSpan .menuSubHover div:hover {
		background-color: #fff;
		}

#pageBody #menu #menuSpan a.menuitem:link	{
		color: black;
		}

#pageBody #menu #menuSpan a.menuitem:visited {
		color: black;
		}

#pageBody #menu #menuSpan a.menuitem:hover {
		color: red;
		}

#pageBody #menu #menuSpan a.menuitem:active {
		color: red;
		}	
		
/*-----------------------------
  left margin address
-----------------------------*/		
		
#pageBody #menu #locationInfo {
	   	color: black;
	   	font-weight: bold;
	   	}	

/*-----------------------------
  main page box links 
-----------------------------*/
	   	
#pageBody #bodyMain .box a {
	   	color: #00f;
	   	}

#pageBody #bodyMain .box a:hover {
	   	color: red;
	   	}
	   	
/*------------------------------------
  inventory pg navigation (top)
------------------------------------*/
	   	
#pageBody #bodyMain .results {
               	font: bold 16px georgia, trebuchet ms;
	   	}	   	
	   	
#pageBody #bodyMain #itemInfo .navDisplay {
               	background-color: #fc0;
               	border: 2px solid #000;
	   	}

#pageBody #bodyMain #itemInfo .sort {
               	color: black;
               	font: bold 10px georgia, trebuchet ms;
	   	}

#pageBody #bodyMain #itemInfo .sort a {
	   	color: #00f;
	   	}

#pageBody #bodyMain #itemInfo .sort a:hover {
	   	color: red;
	   	}

#pageBody #bodyMain #itemInfo .sort a.sortedBy {
	   	color: red;
	   	}

#pageBody #bodyMain #itemInfo .sort a.sortedBy:hover {
	   	color: #00f;
	   	}

#pageBody #bodyMain .navPages {
	   	background-color: #fc0;
               	border: 2px solid black;
               	font-weight: bold;
               	font-family: georgia, trebuchet ms;
	   	}

#pageBody #bodyMain .navPages a {
               	color: #00f;
	   	}

#pageBody #bodyMain .navPages a:hover {
               	color: red;
	   	}	   		   		   		   	   	  	
	   	
/*-----------------------------
  inventory page listings
-----------------------------*/	   	

#pageBody #bodyMain .listItem .itemSpan img {
	   	border: 2px solid black;
	   	}	   		   	
	   	
#pageBody #bodyMain .listItem .itemSpan .price {
	   	color: #090;      /* green */
	   	font-family: georgia, trebuchet ms;
	   	font-size: 18px;
	   	}
	   	
#pageBody #bodyMain .listItem .itemSpan .itemDetails {
	   	color: black;
	   	}	   	
	   	
#pageBody #bodyMain .listItem .itemSpan a.title {
	   	color: #000;
	   	}	
	   	
#pageBody #bodyMain .listItem .itemSpan a.title:hover {
	   	color: red;
	   	}	 
	   	
/*-----------------------------
  item page details
-----------------------------*/	   	   	
	   	
#pageBody #bodyMain #pgTitle {
		font: bold 18px georgia, trebuchet ms;
		color: #000;
	   	}
	   	
#pageBody #bodyMain #leftColumn {
		font: 11px georgia, trebuchet ms;
	   	}	 
	   	
#pageBody #bodyMain #leftColumn .title {
	       	font: bold italic 14px georgia, trebuchet ms;
	       	color: #000;
	       	border-bottom: 3px double #000;
	       	}
	       		       	
#pageBody #bodyMain #leftColumn .title div {
	       	font: bold 14px georgia, trebuchet ms;
	       	color: #090;
	       	}	       	
	       	
#pageBody #bodyMain #leftColumn .content {
	       	font: 11px arial;
	       	color: #000;
	       	}	
	       	
#pageBody #bodyMain #leftColumn .content dt {
	       	color:#000;
	       	border-bottom: 1px dashed #999;
	       	font-weight: bold;
	       	font-size: 10px;
	       	width: 85px;
	       	}

#pageBody #bodyMain #leftColumn .content dd {
	       	border-bottom: 1px dashed #999;
	       	width: 115px;
	       	}
	       		       	
#pageBody #bodyMain #leftColumn table#features {
	       	color: #000;
	       	font: 11px arial;
	       	}
	       	
#pageBody #bodyMain #rightColumn img {
		border: 2px solid #000;
		}
		
#pageBody #bodyMain #rightColumn #thumbs img {
	 	border: 2px solid #000;
	 	margin: 3px 0 0 3px;
		}
		
/*-----------------------------
  footer
-----------------------------*/		
		
#footer_tag     {
	        color: #777;
	        font: 11px verdana, arial;
	        }
	        
/*-----------------------------
  credit app
-----------------------------*/		        

#pageBody table#credit {
	       	color: #000;
	       	font: 12px verdana, arial;
	       	}
	       	
#pageBody table#credit td input {
	       	border: 1px solid #333;
	       	}
	       	
#pageBody table#credit td .line {
	       	border-top: 1px dashed #000;
	       	}      
	       	
#pageBody table#credit th.greeting {
	       	font: 12px arial, verdana;
	       	}