/**************************
 File Name: 	autobrnw.css
 Theme: 	SARUMAN
 Client:	BJ Auto Sales

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

 It is called as a child to the parent: saruman.css.
 - stylesheet is located on our servers and linkd to 
   remotely from their webspace where the pages are
   being served.

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

 -----------

 Styles are arranged by page layout order.
 
 PRIMARY DEVICES USED IN THIS SHEET:
 
 FONTS: (Find & Replace all below with new primary font, colors, etc.:)
 
 - general text:	bitstream vera sans
 - location name:	/autobrnw/
 
 COLORS:	
 - #fff 	(white) (background)
 - #B2C1E0	(darker light blue)	(menus, text)
 - #C83234	(red)			(menus, text)
 - #661A1C	(deeper red)		(menus, text)
 

 -----------

 Created: 		09/06/2008
 Changed: 		09/16/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: #fff;
               	font: bold 12px bitstream vera sans;
               	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/bg_repeat.jpg);
              	}
              	
h1		{
		left: 230px;
		top: 150px;
		font: bold 18px bitstream vera sans;
		color: #fff;
		border: 1px solid #000;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/menu_selected_bg.jpg);
		}    
		
#pageHeader	{
		position: relative;
		color: black;
		height: 148px;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/bg_header.jpg);
	   	}		
	   	
#pageBody	{
	   	color: #000;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/bg_vertical.gif);
	   	}	   	          
	   	
#pageBody #menu #menuTop {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/menu_top.jpg);
	   	}	   		
	   	
#pageBody #menu #menuSpan {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/menu_span.jpg);
                }
                
/* text links on inventory pg menus */
                
#pageBody #menu #menuSpan .menuNormal {
		height: 22px;
		color: #039;
		padding: 8px 0 0 0;
		border: 0px solid red;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/menu_button.jpg);
		}                
		
#pageBody #menu #menuSpan .menuHover {
		height: 22px;
		color: #fff;
		padding: 8px 0 0 0;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/menu_button_over.jpg);
		}		
		
#pageBody #menu #menuBottom {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/menu_bottom.jpg);
	   	}		
	   	
#pageBody #bodyMain {
	   	font-family: bitstream vera sans;
	   	padding: 0 10px 12px 20px;
	   	color: #000;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/main_bg.jpg);
	   	}	   	
	   	
#pageBody #bodyMain .box .top {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/box_top.jpg);
	   	}	   	
	   	
#pageBody #bodyMain .box .span {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/box_span.jpg);
	   	padding: 5px;
	   	}
	   	
#pageBody #bodyMain .box .bottom {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/box_bottom.jpg);
	   	}
	   	
#pageBody #bodyMain .listItem .itemLeft {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/item_left.jpg);
	   	}
	   	
#pageBody #bodyMain .listItem .itemSpan {
	   	color: black;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/item_span.jpg);
	   	}
	   	
#pageBody #bodyMain .listItem .itemRight {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/item_right.jpg);
	   	}
	   	
#pageFooter	{
	   	color: #fff;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/bg_footer.jpg);
	   	}
	   	
/*-----------------------------
  default styles
-----------------------------*/

a 		{
		color: #0A3C9F;
		}

a:hover		{
		color: #c00;
		}	   
		
/*-----------------------------
  page header
-----------------------------*/
		
#pageHeader .headerContact {
	   	height: 97px;
	   	padding: 10px 7px 0 0;
	   	font: 11px bitstream vera sans;
	   	color: #C83234;
	   	}	
	   	
#pageHeader .headerContact .phone {
	   	font: bold 18px bitstream vera sans;
	   	color: #C83234;
	   	padding: 0 0 0 0;
	   	}	
	   	
#pageHeader .menuItem {
	   	height: 19px;
	   	border-right: 2px solid #fff;
	   	font: 11px bitstream vera sans;
	   	padding: 8px 15px 0 15px;
	   	}
	   		   	
#pageHeader .menuItem a {
	   	color: #039;
	   	font-weight: bold;
	   	}

#pageHeader .menuItem a:hover {
	   	color: #C83234;
	   	text-decoration: underline;
	   	}	
	   	
#pageHeader .menuItem_selected {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/menu_selected_bg.jpg);
	   	height: 19px;
	   	border-right: 2px solid #fff;
	   	font: 11px bitstream vera sans;
	   	padding: 8px 15px 0 15px;
	   	}	   	
	   	
#pageHeader .menuItem_selected a.menuSelected {
	   	color: #fff;
	   	font-weight: bold;
	   	}

#pageHeader .menuItem_selected a.menuSelected:hover {
	   	color: #ccc;
	   	text-decoration: underline;
	   	}
	   		   	
/*-----------------------------
  featured items element
-----------------------------*/
	   	
#pageBody #menu {
	   	color: #99ADD6;
	   	margin: 5px 0 0 0;
	   	font: bold italic 11px bitstream vera sans;
	   	}	 
	   	
#pageBody #menu .featured_title {
	   	color: #99ADD6;
	   	}
	   		   	
#pageBody #menu #menuSpan .featured a {
	   	color: #C83234;
	   	}

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

#pageBody #menu #menuSpan .featured img {		
	   	border: 1px solid #C83234;
	   	}	
	   	
/*-----------------------------
  Inventory Nav Menu
  
  - YO! Make sure to check up ABOVE 
    for menuNormal and other major 
    id's and classes.  Don't get 
    stuck down here ffs!
    
-----------------------------*/	   	

/* This is the bullshit hover sub menu shit */
	   	
#pageBody #menu #menuSpan .menuSubHover {		/* Inventory Menu - () */
		background-color: #E5EAFA;
		border: 0px solid #000;
		height: 18px;
		left: 150px;
		}

/* DIV and DIV background shit */

#pageBody #menu #menuSpan .menuSubHover div {
		border-top: 2px solid #99ADD6;
		padding: 1px 0 0 0;
		height: 18px;
		}

#pageBody #menu #menuSpan .menuSubHover div:hover {
		background-color: #99ADD6;
		padding: 1px 0 0 0;
		color: #C83234;
		height: 18px;
		}

/* This is the menu item LINK shit, NOT static hovers */

/* Main ALL Link */

#pageBody #menu #menuSpan div.menuNormal a.menuitem {
		color: #039;
		}
		
#pageBody #menu #menuSpan div.menuNormal a.menuitem:hover {
		color: #fff;
		}

/* Sub Menu Item Links */
				
#pageBody #menu #menuSpan a.menuitem:link {
		display: block;
		color: #039;
		}

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

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

#pageBody #menu #menuSpan a.menuitem:active {
		color: #039;
		}	
		
/*-----------------------------
  left margin address
-----------------------------*/		
		
#pageBody #menu #locationInfo {
	   	color: #C83234;
	   	font: 11px bitstream vera sans;
	   	}	
	   	
#pageBody #menu #locationInfo a {
	   	color: blue;
	   	font: 9px bitstream vera sans;
	   	}
	   	
#pageBody #menu #locationInfo a:hover {
	   	color: #c00;
	   	text-decoration: underline;
	   	}	   		   	

/*-----------------------------
  main page boxes: text, links 
-----------------------------*/

#pageBody #bodyMain .box {
	   	color: #6685C2;
	   	}
	   	
#pageBody #bodyMain .box a {
	   	color: blue;
	   	}

#pageBody #bodyMain .box a:hover {
	   	color: #C83234;
	   	}
	   	
/*------------------------------------
  inventory pg navigation (top)
------------------------------------*/

#pageBody #bodyMain .navPages {					/* Previous PAGE 1 OF 1 Next - (Text Color) */
	   	background-color: #E5EAFA;
               	border: 1px solid #99ADD6;
               	height: 16px;
               	margin: 5px 5px 0 0;
               	padding: 4px 0 0 0;
               	font-weight: bold;
               	font-size: 10px;
               	font-family: bitstream vera sans;
               	color: #039;
	   	}
	   		   
#pageBody #bodyMain .navPages a {				/* Previous PAGE 1 OF 1 Next - (Link) */
               	color: blue;
               	font: bold 11px bitstream vera sans;
	   	}

#pageBody #bodyMain .navPages a:hover {				/* Previous PAGE 1 OF 1 Next - (Link Hover) */
               	color: #C83234;
	   	}
	   		   		   	
#pageBody #bodyMain .results {					/* ALL - (Text)*/
               	font: bold 16px bitstream vera sans;
               	color: #99ADD6;
               	width: 300px;
	   	}	   	
	   	
#pageBody #bodyMain #itemInfo {					/* Displaying 11 to 20 of 24 matches */
	   	margin: 20px 0 0 0;
	   	}
	   		   	
#pageBody #bodyMain #itemInfo .navDisplay {			/* Displaying 11 to 20 of 24 matches - (Usually same as 'navPages' above) */
               	background-color: #fff;
               	border: 0px solid #C83234;
               	color: #99ADD6;
               	font: bold italic 9px bitstream vera sans;
               	padding: 4px 0 3px 0;
               	margin: 0 5px 0 0;
	   	}

#pageBody #bodyMain #itemInfo .sort {				/* Sort By: - (Text Only) */
               	color: #99ADD6;
               	font: bold 10px bitstream vera sans;
               	padding: 7px 0 0 10px;
	   	}

#pageBody #bodyMain #itemInfo .sort a {				/* Sort By: Make ... - (Link) */
	   	color: blue;
	   	font-weight: normal;
	   	}

#pageBody #bodyMain #itemInfo .sort a:hover {			/* Sort By: Make ... - (Link Hover) */
	   	color: #c00;
	   	}

#pageBody #bodyMain #itemInfo .sort a.sortedBy {		/* Sort By: Make - (Selected Text Link) */
	   	color: #c00;
	   	font-weight: bold;
	   	}

#pageBody #bodyMain #itemInfo .sort a.sortedBy:hover {		/* Sort By: Make - (Selected Text Link : Hover) */
	   	color: #000;
	   	}

/*-----------------------------
  inventory page listings
-----------------------------*/	   	

#pageBody #bodyMain .listItem {
                margin: 10px 0 0 -6px;
	   	}
	   	
#pageBody #bodyMain .listItem .itemSpan img {			/* Listing Image - (Border) */
	   	border: 1px solid #99ADD6;
	   	}	   		   	
	   	
#pageBody #bodyMain .listItem .itemSpan .price {		/* Listing - (Price) */
	   	color: #6685C2;
	   	font: bold italic 16px bitstream vera sans;
	   	}
	   	
#pageBody #bodyMain .listItem .itemSpan .itemDetails {		/* Listing - (Feature Text) */
	   	color: #6685C2;
	   	}	   	
	   	
#pageBody #bodyMain .listItem .itemSpan .itemDetails .itemFeatures {	/* Listing - (Vertical Line) */
	   	border-left: 1px solid #99ADD6;
	   	}
	   		   	
#pageBody #bodyMain .listItem .itemSpan a.title {		/* Listing - (Title Link Text - BIG!) */
	   	color: #039;
	   	}	
	   	
#pageBody #bodyMain .listItem .itemSpan a.title:hover {		/* Listing - (Title Link Hover Color) */
	   	color: #C83234;
	   	}	 
	   	
#pageBody #bodyMain .listItem .itemSpan .itemDetails a {	/* Listing - (More Link Color) */
		color: blue;
		}	   	
		
#pageBody #bodyMain .listItem .itemSpan .itemDetails a:hover {	/* Listing - (More Link Hover Color) */
		color: #C83234;
		}	   	
				
/*-----------------------------
  item page details
-----------------------------*/	   	   	
	   	
#pageBody #bodyMain #pgTitle {					/* Item Pg: Title - (Deprecated for H1) */
		font: bold 18px bitstream vera sans;
		background-color: none;
		height: 45px;
		color: #c00;
	   	}
	   	
#pageBody #bodyMain #leftColumn {				/* Item Pg: Left Details Column */

	   	}	 
	   	
#pageBody #bodyMain #leftColumn .title {			/* Item Pg: Specs - (Text Color) */
	       	font: bold 14px bitstream vera sans;
	       	border-bottom: 3px double #000;
	       	color: #000;
	       	}

#pageBody #bodyMain #leftColumn .title div {			/* Item Pg: Price - (Text) */
	       	font: bold 14px bitstream vera sans;
	       	color: #C83234;
	       	}	       	
	       	
#pageBody #bodyMain #leftColumn .content {			/* Item Pg: Details - (Feature Text) */
	       	font: 11px arial;
	       	}	
	       	
#pageBody #bodyMain #leftColumn .content dt {			/* Item Pg: Details - (Feature Titles) */
	       	color: #3A43A0;
	       	border-bottom: 1px dashed #000;
	       	font-weight: bold;
	       	font-size: 10px;
	       	width: 85px;
	       	}

#pageBody #bodyMain #leftColumn .content dd {
	       	border-bottom: 1px dashed #000;
	       	width: 115px;
	       	}
	       		       	
#pageBody #bodyMain #leftColumn table#features {
	       	font: 11px arial;
	       	}
	       	
#pageBody #bodyMain #rightColumn img {
		border: 2px solid #C83234;
		margin: 15px 2px 0 0;
		width: 325px;
		}
		
/* if border=2 then margin=3, if border=1 then margin=5, etc. */		
#pageBody #bodyMain #rightColumn #thumbs img {
	 	border: 2px solid #C83234;
	 	margin: 3px 0 0 3px;
	 	width: 101px;
		}
		
/*-----------------------------
  footer
-----------------------------*/		
		
#footer_tag     {
	        color: #6685C2;
	        font: 11px bitstream vera sans;
	        }
	        
#footer_tag a   {
	        color: blue;
	        }
	        
#footer_tag a:hover   {
	        color: #C83234;
	        }	        	        
	        
/*-----------------------------
  credit app
-----------------------------*/		        

#pageBody table#credit {
	       	color: #000;
	       	font: 11px bitstream vera sans;
	       	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/autobrnw/main_bg.jpg);
	       	}
	       	
#pageBody table#credit td input {
		border: 1px solid #000;
	       	}
	       	
#pageBody table#credit td .line {
	       	border-top: 1px dashed #000;
	       	}      
	       	
#pageBody table#credit th.greeting {
	       	font: 12px bitstream vera sans;
	       	}	
	       	
/*-----------------------------
  Site Specific Content
-----------------------------*/	

.announce 	{
	   	font: 20px bitstream vera sans;
	   	text-align: center;
	   	margin: 0 0 20px 0;
	   	}
	   	
#bodyMain #pgContent {
	 	font: 12px bitstream vera sans;
	 	color: #000;
	 	margin: 7px 0 0 0;
	 	width: 525px;
	 	border: 0px solid #ccc;
		}
		
#bodyMain #pgContent .leftBox {
	 	padding: 0 0 0 12px;
	 	/* border: 1px solid #6E97EB; */
	 	/* background-color: #00287C; */
	 	color: #000;
	 	margin: 0 0 0 0;
		}
		
#bodyMain #pgContent .rightBox {
	 	width: 300px;
	 	float: right;
	 	padding: 5px;
	 	color: #000;
	 	margin: 0 0 10px 10px;
		}		
			
#bodyMain #pgContent .rightBox img {
	 	margin: 0 0 0 0;
		}	
						
#bodyMain #pgContent .welcome {
	 	font: bold 14px bitstream vera sans;
	 	margin: 0 0 15px 0;
		}
		
#bodyMain .box ul {
	 	margin: 0 10px 0 30px;;
		}
				
#bodyMain .box li {
	 	font: bold 12px bitstream vera sans;
	 	margin: 0 10px 10px 0;
		}
		
#bodyMain .box li.highlight {
	 	color: #C83234;
		}		
				
#bodyMain .box img {
	 	border: 0;
		}