t/* Stylesheet for new RV website 
	E. Moshurchak Oct 2009  */

* {
    margin: 0;
    padding: 0;
}

body {
	background: #d1d1cc url("../images_pres/side_panels.gif") top center repeat-y;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em; 
	color: #d1d1cc;
	}

/*	
div#background {
	background: url("../_images_pres/flower_bgrd_blue.png") top center no-repeat;
	}
*/

div#container {
    margin: 0 auto;
    min-height: 100%;
/*    padding-bottom: 260px;  */
    position: relative;
    width: 950px;
	}

#header {
    background: url("../images_pres/rv_mount_logo2.png") left no-repeat; /* bottom center no-repeat; */
	height: 115px;
    padding: 0 18px 10px 18px;
    position: relative;
	margin-left: 265px;
	}

#header p {
    margin: 10px 0;
    text-align: right;
	font-size: 0.9em;
	}

div#content {
	float: left;
	margin: 38px 0 0 200px;
/*	padding: 0 1em;  */
	background-color: #000;
/*	color: #fff;  
	border: 2px solid #d1d1cc;  */
	width: 660px;
	}
	
ul {
	margin: 5px 20px;
	list-style-type: square;
	}
	
li {
	font-size: .85em;
	}
	
ul ul li {
	font-size: inherit;
	}
	
	
div#content p {
	padding: 5px 25px;
	}
	
div#white_content {
/*	background-color: #d1d1cc;  */
	background-color: #FFF;
/*	padding: 0 1em;	*/
	color: #000;
	float: left;
	margin: 38px 0 0 200px;
	width: 660px;
	}

div#white_content p {
	color: #000;
	padding: 3px 25px;
	}

div#white_content h2 {
	color: #000
	}
	
div#white_content a {
	color: #b0b0a4;  /* dark grey  */
	}
	
div#white_content a:hover {
	color: #d1d1cc;
	text-decoration: none;
	}
	
div#keys {
	background: url("../images_pres/keys2.png") top center repeat;	
	position: absolute;
	height: 640px;
	width: 200px;
	left: 0px; top: 200px;
	}
	
div#bbb {
	background: url("../images/logos/bbbseal1.png") top center no-repeat;	
	position: absolute;
	height: 90px;
	width: 150px;
	left: 0px; top: 100px;
	}

	
div#left_column {
	float: left;
	position: absolute;
	left: 0px; top: 185px;
	width: 200px;
	background: url("../images_pres/keys2.png") center center no-repeat;
/*	background-color: #000; 
	border: 1px solid #a3c7e9;  */
	}

div#left_column p {
	text-align: center;
	padding: 5px 0;
	color: #d1d1cc;  /* light grey  */
	font-size: .8em;
	}

div#left_column a {
	text-align: center;
	padding: 5px 0;
	color: #d1d1cc;
	font-size: 1em;
	text-decoration: none;
	}

div#left_column a:hover {
	color: #b0b0a4;  /* dark grey  */
	font-size: 1.2em;
	}

div#content hr {
	border: 0;
	height: 2px;
	width: 96%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #d1d1cc;  /* light grey  */
	background-color: #d1d1cc;
	margin-top: 0;
	margin-left: 25px;
	}

div#left_column hr {
	border: 0;
	height: 2px;
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #d1d1cc;  /* light grey  */
	background-color: #d1d1cc;
	margin-top: 10px;
	margin-bottom: 5px;
	}
	
#form_container {
	padding: 0 0 0 25px;
	}

#content img {
/* 	margin: 0 6px 6px 0;  */
	border-style: none;
	/* padding: 5px 0; */
	}
	
#trailer {
	text-align: center;
	}
	
.specials {
	text-align: center;
	}	
	
.specials img {
	text-align: center;
	float: left;
	padding: 2px 15px 2px 0;
	}
	
.strike {
	text-decoration: line-through;
	}
	
#fp {
	text-align: center;
	padding: 50px 0;
	}
	
#flower {
	text-align: center;
	}
	
#flower img {
	padding: 10px 0;
	}
	
#finance img {
    border: none;
    float: right;
	margin: 0 10px 10px 10px;
}

#calendar img {
	margin: 2px 8px;
	border-style: none;
	padding: 5px 0; 
	}

#map {
	margin-left: -10px;
	}
	
#map img {
	padding: 5px 2px
	}
	
#thumbnails {
	text-align: center;
	display: inline;
	}
	
#thumbnails img {
	float: left;
	padding: 2px 10px;
	}
	
div#flash {
	margin-left: 25px;
	}
	
div#brands {
	width: 644px;
	margin-top: 0;
	margin-left: 25px;
	padding: 3px 0;
	}
	
#brands img {
	padding: 5px 2px;
	}
	
div#brandcolumn {
	width: 400px;
	margin-left: 25px;
	float: left;
	padding: 0;
	}
	
#brandcolumn img {
	padding: 0;
	border: 2px solid #d1d1cc;
	}
	
p.caption {
	font-size: .8em;
	text-align: center;
	}

div#checklist {
	position: absolute;
	top: 320px;
	left: 650px;
	}
	
/**********  SEARCH  ***********/

#search {
    position: absolute;
    right: 0px;
    top: 150px;
	color: white;
}

#search span {
    font-weight: bold;
    margin-right: 5px;
}

/**********  INDOOR SALE **********/

#sale {
	position: absolute;
	left: 30px;
	top: 10px;
	border: none;
}

#imgsale {
	margin-left: 20px;
	}



/**********  Son of Suckerfish dropdown menu **********/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav {
	position: absolute; left: 160px; top: 130px;
	width: 736px;
	height: 40px;
	background: url("../images_pres/menu.jpg") center no-repeat;
	/*	background-color: #d1d1cc;  */
	z-index: 10;  /* keeps menu in front of content */
	}

#nav li { /* main menu list items */
	float: left;
/*	width: 6em;  width needed or else Opera goes nuts */
	padding: 4px 9px;
	font-size: .8em;
/*	border-right: 1px solid #003d6d;
	background-color: #d1d1cc;  */
}

#nav li ul { /* second-level menu list */
	position: absolute;
	background-color: #d1d1cc;
	width: 10em;
	left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	border: none;
	font-size: inherit;
 	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a {
	display: block;
/*	width: 10em;  */
	padding: 2px 5px;
	text-decoration: none;
	color: #003d6d;  /* navy blue */
}

/* #nav a:visited {
	color: #948e85;  /* dark gray 
	padding: 2px 5px;
	}  */

#nav a:hover {
	color: #a3c7e9;  /* light blue */
	background-color: #003d6d;  /* navy blue */
	}

/**********  End Son of Suckerfish dropdown menu **********/

/**********  General Formatting ***************************/

/*  Styling for general links light grey underline hover medium grey no underline  */
a {
	font-size: 1em;
	color: #d1d1cc;  /* light grey  */
	}

a:visited { commented out per customer
	color: #898989;
	text-decoration: none;
	}

a:hover { 
	color: #b0b0a4;  /* medium grey  */
	text-decoration: none;
	} 

 /*
h1 {  Black print on grey gradient background
	margin-top: 5px;
    padding: 0px 10px 6px 10px;
	font-family: 'arial black', 'trebuchet ms', helvitica, arial, sans-serif;
    font-size: 1.4em;
	background: url("../_images_pres/menu.jpg") left repeat;
	background-color: #d1d1cc;  light grey 
	color: #000;  
    font-weight: normal;
} */


/*  h1 {  Black print on light grey background
	margin-top: 5px;
    padding: 1px 10px 1px 5px;
	font-family: 'arial black', 'trebuchet ms', helvitica, arial, sans-serif;
    font-size: 1.6em;
	background-color: #d1d1cc;  light grey
	color: #000;  
    font-weight: normal;
}    */


h1 {
	color: #d1d1cc;
    font-family: "Arial Black", sans-serif;
    font-size: 1.5em;
	/* padding: 3px 0;  */
	} 

/*
h2 {
	font-family: Georgia, serif;
    font-size: 1.0em;
	padding: 3px 0;
	} */

/*	
h2 {  Black print on light grey background
	font-family: Georgia, serif;
    font-size: 1.0em;
	color: #000;
	padding: 3px 0;
	background-color: #d1d1cc;
	text-align: center;
	}  */
	
h2 {  /* White printing on black background */
	font-family: Georgia, serif;
    font-size: 1.0em;
	color: white;
	margin-top: 5px;
	/* padding: 2px 10px 4px 5px; */
	padding: 2px 5px;
	}
	
	
h3 {
	font-family: Georgia, serif;
    font-size: .9em;
	padding: 3px 5px;
	background-color: #d1d1cc;  /* light grey  */
	}
	
h4 	{
	font: bold 12pt arial, sans-serif;
	margin: 0;
	padding: 3px 5px;
	color: #d1d1cc;  /* light grey  */
	}
	

p {
	color: #d1d1cc;
	font-size: .9em;
	}

.centered {
	text-align: center;
	}
	
.boldtext {
	font-weight: bold;
	}
	
.goldtext {
	font-weight: bold;
	color: #ecbe66;
	}
	
.burgundytext {
	font-weight: bold;
	color: #8b0207;
	}

.greytext {
	font-style: italic;
	color: black;
	}
	
.greentext {
	color: #007e3a;
	font-weight: bold;
	}


#content accent {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFF;
	}
	
#white_content accent2 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	}
	

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett */

.clearfix:after {
    content: "."; 
	display: block; 
    height: 0;                  
    clear: both;              
    visibility: hidden;	     
}

/* Styling from old stylesheet */

	/******* ALIGNMENT ********  */
	
.centered {
	text-align: center;
	margin-left: auto;
	margin-right; auto;
	}

/* Multi-column List */
/* allow room for 3 columns */
	
.multicolumn {
	padding: 2px;
	}

.multicolumn ul {
    width: 50em;
	}

  /* float & allow room for the widest item */
.multicolumn ul li
  {
    float: left;
    width: 25em;
	list-style-type: square;
  }

  /* stop the float */
 .multicolumn br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
 .multicolumn  {
 	text-align: left;
    margin-bottom: 1.5em;
  }
  
 .multicolumn a {
 	font-size: .9em;
	}

/* END Multi-column List */


/*********** Inventory Styling ************/

/* Style inventory table.  In-line styling left in table elements  */

#inventory {
	width: 76%;
	margin-left: 136px;
	padding: 5px 10px 5px 30px;
	background-color: #000;
    list-style: none;
	font-size: .9em;
}

#inventory td {
	border-bottom: 1px solid #d1d1cc;
	padding-bottom: 5px;
	}

#inventory td li {
/*    border-left: 1px solid  #d1d1cc;
    border-right: 1px solid  #d1d1cc;  */
    float: left;
    padding: 2px 5px;
	color: #d1d1cc;
	}
	
#inventory p {
	padding: 2px 0;
	}

#inventory img {
	padding: 5px;
/*	border: none;  */
	}
	
/*  Link styling black underline, hover medium grey no underline,
	visited dark grey no underline for all links on inventory page
	except the item title list which is styled separately under titlellink */
	
#inventory a {
	font-size: 1em;
	color: #d1d1cc;
	}

#inventory a:visited { 
	color: #898989;
	text-decoration: none;
	}  

#inventory a:hover { 
	color: #b0b0a4;  /* medium grey  */
	text-decoration: none;
	} 

/* Inventory item title styled separately from the rest of the links
	on the inventory page due to black font */

#titlelink a {
	font-size: 1em;
	color: #000;
	}

#titlelink a:visited { 
	color: #898989;
	text-decoration: none;
	}

#titlelink a:hover { 
	color: #b0b0a4; 
	text-decoration: none;
	} 

	
    /******* INVENTORY DETAIL --*/
	
#breadcrumb {
	style=font-weight:bold; 
	font-size:14px; 
	color:#990000;
	}
	
#detail {
	width: 76%;
	margin: 15px 5px 15px 200px;
	list-style: none;
	font-size: .8em;
	padding: 5px 10px 5px 30px;
	background-color: #000;
	}

	/******* RENTALS ********  */
	
#rentals img {
/*	margin: 0 6px 6px 0; */
	border-style: none;
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 5px 0; 
	}

div#content img.floatl { 
	float: left;
	padding: 2px 5px;
	
	}
	
	/******* FOOTER ********  */

#footer {
    width:660px;
	height: 60px; 
    padding:4px 0; 
    font-size:.7em; 
	margin-left: 200px;
	background: url("../images_pres/footer.jpg") center no-repeat;
	margin-top:1.5em;
	text-align: center;
	}
    
#footer ul {
	padding:15px 5px 5px 5px;
	color: #17287c;
	}

#footer li {
    display:inline; 
/*    border-left:1px solid #003d6d;  */
	padding:0 5px 0 9px;
	}
	
#footer li:first-child {border-left:0;}

#footer ul li a {
    text-decoration:none; 
    color:#003d6d;
    }
 
/* #footer a:visited {
	color: #948e85;   dark gray 
	padding: 2px 5px;
	} */

#footer a:hover {
	color: #a3c7e9;  /* light blue */
	background-color: #003d6d;  /* navy blue */
	}