/**************************
 By: DnS Inc.
 Copyright (c) 2006, 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/ascspok/bg_repeat.jpg);
              	}

h1		{
		left: 230px;
		top: 150px;
		font: bold 18px bitstream vera sans;
		color: #000;
		border: 1px solid #000;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/menu_selected_bg.jpg);
		}

#pageHeader	{
		position: relative;
		color: black;
		height: 148px;
		border: 0px solid #ccc;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/bg_header.jpg);
	   	}

#pageBody	{
	   	color: #000;
	   	padding: 0px 20px 10px 0;
	   	border: 0px solid #000;
	   	}

#pageBody #menu #menuTop {
	   	}

#pageBody #menu #menuSpan {
                }

/* text links on inventory pg menus */

#pageBody #menu #menuSpan .menuNormal {
		height: 22px;
		color: #474344;
		cursor: auto;
		padding: 8px 0 0 0;
		border: 0px solid red;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/menu_button.jpg);
		}

#pageBody #menu #menuSpan .menuHover {
		height: 22px;
		cursor: pointer;
		color: #fff;
		padding: 8px 0 0 0;
		background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/menu_button_over.jpg);
		}

#pageBody #menu #menuBottom {
	   	}

#pageBody #bodyMain {
	   	font-family: bitstream vera sans;
	   	padding: 0 10px 12px 20px;
	   	color: #000;
	   	border: 0px solid red;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/main_bg.jpg);
	   	}

#pageBody #bodyMain .box .top {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/box_top.jpg);
	   	}

#pageBody #bodyMain .box .span {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/box_span.jpg);
	   	padding: 0 0 0 0;
	   	}

#pageBody #bodyMain .box .bottom {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/box_bottom.jpg);
	   	}

#pageBody #bodyMain .listItem .itemLeft {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/item_left.jpg);
	   	}

#pageBody #bodyMain .listItem .itemSpan {
	   	color: black;
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/item_span.jpg);
	   	}

#pageBody #bodyMain .listItem .itemRight {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/item_right.jpg);
	   	}

#pageFooter	{
	   	color: #fff;
	   	}

/*-----------------------------
  default styles
-----------------------------*/

a 		{
		color: #0A3C9F;
		}

a:hover		{
		color: #c00;
		}

/*-----------------------------
  page header
-----------------------------*/

#pageHeader .headerContact {
	   	height: 101px;
	   	padding:7px 7px 0 0;
	   	font: 11px bitstream vera sans;
	   	color: #FFF;
	   	}

#pageHeader .headerContact .phone {
	   	display: none;
	   	font: bold 18px bitstream vera sans;
	   	color: #FFF;
	   	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: #fff;
	   	font-weight: bold;
	   	}

#pageHeader .menuItem a:hover {
	   	color: #000;
	   	text-decoration: underline;
	   	}

#pageHeader .menuItem_selected {
	   	background-image: url(http://www.premiumautosites.net/dashboard/themes/auto/images/ascspok/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: #000;
	   	font-weight: bold;
	   	}

#pageHeader .menuItem_selected a.menuSelected:hover {
	   	color: #000;
	   	text-decoration: underline;
	   	}

/*-----------------------------
  featured items element
-----------------------------*/

#pageBody #menu {
	   	width: 210px;
	   	color: #474344;
	   	margin: 0 0 0 0;
	   	font: bold italic 11px bitstream vera sans;
	   	}

#pageBody #menu #menuSpan .featured {
	   	width: 200px;
	   	text-align: center;
	   	margin: 5px auto 0 auto;
	   	}

#pageBody #menu .featured_title {
	   	color: #474344;
	   	}

#pageBody #menu #menuSpan .featured a {
	   	color: #000;
	   	font-weight: bold;
	   	}

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

#pageBody #menu #menuSpan .featured img {
	   	border: 0px solid #999;
	   	width: 200px;
	   	}

/*-----------------------------
  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: #E4BE68;
		border: 0px solid #000;
		height: 18px;
		left: 150px;
		}

/* DIV and DIV background shit */

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

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

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

/* Main ALL Link */

#pageBody #menu #menuSpan div.menuNormal a.menuitem {
		color: #474344;
		cursor: auto;
		}

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

/* Sub Menu Item Links */

#pageBody #menu #menuSpan a.menuitem:link {
		display: block;
		color: #474344;
		}

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

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

#pageBody #menu #menuSpan a.menuitem:active {
		color: #474344;
		}

/*-----------------------------
  left margin address
-----------------------------*/

#pageBody #menu #locationInfo {
	   	color: #777;
	   	font: 12px arial, sans-serif, bitstream vera sans;
	   	}

#pageBody #menu #locationInfo a {
	   	color: blue;
	   	}

#pageBody #menu #locationInfo a:hover {
	   	color: #c00;
	   	text-decoration: underline;
	   	}

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

#pageBody #bodyMain .box {
	   	float: right;
	   	border: 0px solid #000;
	   	text-align: left;
	   	display: inline;
	   	width: 225px;
	   	margin: 20px 20px 20px 20px;
	   	padding: 0 0 0 0;
	   	color: #777;
	   	font: 14px arial, sans-serif, bitstream vera sans;
	   	}

#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: #E4BE68;
               	border: 1px solid #474344;
               	height: 16px;
               	margin: 5px 5px 0 0;
               	padding: 4px 0 0 0;
               	font-weight: bold;
               	font-size: 10px;
               	font-family: bitstream vera sans;
               	color: #474344;
	   	}

#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: #474344;
               	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: #474344;
               	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: #474344;
               	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: #000;
	   	width: 305px;
	   	}

#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 #000;
		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 #000;
	 	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/ascspok/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 {
	 	font: 16px "trebuchet ms", arial, bitstream vera sans, sans-serif;
	 	color: #555;
	 	margin: 7px 0 0 0;
	 	width: 525px;
	 	border: 0px solid #ccc;
		}

#bodyMain .leftBox {
	 	padding: 0 0 0 12px;
	 	/* border: 1px solid #6E97EB; */
	 	/* background-color: #00287C; */
	 	color: #000;
	 	margin: 0 0 0 0;
		}

#bodyMain .rightBox {
	 	width: 300px;
	 	float: right;
	 	padding: 5px;
	 	color: #000;
	 	margin: 0 0 10px 10px;
		}

#bodyMain .rightBox img {
	 	margin: 0 0 0 0;
		}

#bodyMain .welcome {
	 	font: bold 16px arial, sans-serif, bitstream vera sans;
	 	margin: 0 0 15px 0;
	 	text-align: center;
		}

#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;
		}

#bodyMain img.bottom {
	 	margin: 12px 0 0 0;
		}

#bodyMain img.inline_right {
	 	float: right;
	 	margin: 0 0 10px 10px;
		}

#bodyMain .profile {
	 	margin: 12px 0 0 0;
	 	border-top: 1px solid #ccc;
	 	padding: 12px 0 0 0;
	 	font: 12px arial, sans-serif;
		}

#bodyMain .profile img {
	 	margin: 0 10px 10px 0;
	 	float: left;
		}