/*---------------------------------------------------------------------------

	Main style for RV Sales Of Oregon

	Author: Aereus Dev Team, 2009 sky.stebnicki@aereus.com	
	Copyright: 2008, Aereus. All rights reserverd.

---------------------------------------------------------------------------*/

html, body
{
	height:100%;
}

body
{
	background:#333535 url(/images/homepage-bg.jpg) no-repeat top center;
	/* IE will not recognize auto marign without this */
	text-align: center;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */
	margin:0;
	padding:0;
}

body.contentPages
{
	background:#333535 url(/images/content-bg.jpg) no-repeat top center;
}

/**************************************************************************************
*    Import Stylesheets
***************************************************************************************/

/* @import url("otherstylesheet.css"); */

/**************************************************************************************
*    Remove margin, padding and border from everything
***************************************************************************************/

*
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


img
{
	border-style: none;
}

/**************************************************************************************
*    Styles for handling floating
***************************************************************************************/

.clear
{
	clear:both;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

.clearfix
{
	display: inline-block;
}


/**************************************************************************************
*    Global link Styles
***************************************************************************************/
a 
{ 
	text-decoration:underline;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	cursor:pointer;	
	color: #f0de1b;
}

a.small
{
	font-size: 0.65em;
}

a:link	
{
	color: #f0de1b;
}
a:visited	
{
	color: #f0de1b;
}
a:active	
{
	color: #f0de1b;
}
a:hover	
{
	color: #bed96d;
	text-decoration: none;
}

/**************************************************************************************
*    Header Typography
***************************************************************************************/

h1,h2,h3,h4,h5,h6
{
	/*font-family:Centaur, "Palatino Linotype", "Book Antiqua", Palatino;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*font-family: "Abadi MT Condensed", "Gill Sans MT Condensed", Helvetica, Arial, serif;*/
	font-family: "Trebuchet MS", "Abadi MT Condensed", Arial, Helvetica, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: normal;
	color:#f8fefe;
}

h1
{
	font-size:1.8em;  /* 16x2.25=36 */
	font-weight:bold;
	letter-spacing: -1px;
	line-height: 1.2em;
}

h1.header-one-spec
{
	font-family: "Trebuchet MS", Helvetica, Arial, serif;
	font-weight:bold;
	font-size: 2.25em; 
	color:#f0de1b;
}

h1.header-one-home
{
	font-family: "Trebuchet MS", Helvetica, Arial, serif;
	font-size:2.25em;  /* 16x2.25=36 */
	font-weight:bold; 
	color:#2a2b2b;
	padding:17px 0 0 40px;
}
	
h2
{
	font-size:1.6em;   /* 16x1.5=24 */
	line-height: 1.2em;
	letter-spacing: -1px;
}
	
h3
{	
	font-size:1.125em; /* 16x1.125=18 */
	letter-spacing: -1px;
	line-height: 1.4em;	
}

h3.header-three-spec
{
	font-family: "Trebuchet MS", Helvetica, Arial, serif;
	font-size: 1.4em;  /* 16x2.25=36 */
	font-weight:bold; 
	color:#2a2b2b;
	padding:0 0 0 40px;
}
	
h4
{
	font-size:1em; /* 16x1.125=16 */
	line-height: 1.4em;	
}

h5
{
	font-size:0.75em; /* 16x0.875=14 */
	line-height: 1.4em;	
}


h6
{
	font-size:0.7em; /* 16x0.875=14 */
	line-height: 1.4em;	
}
	
p, q, cite
{
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}

p.news
{
	color:#e9faff;
	text-align:justify;
	font-size:0.75em;
}

p.feeds
{
	color:#e9faff;
	text-align:justify;
}

p.welcome
{
	padding:30px 0 0 40px;
	color:#545656;
	text-align:justify;
	font-size:0.75em;
}

p.welcome a
{
	text-decoration:underline;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	cursor:pointer;	
	color:#484848;
}

p.welcome a:hover
{
	text-decoration:none;
}

blockquote
{
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	padding:10px 20px 10px 20px;
}

ul, ol, dl
{
	list-style:inside;
	padding:0px;
	margin:10px 0 10px 10px;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;	
}

li, dd, dt
{
}

/**************************************************************************************
*    Top Nav classes
***************************************************************************************/
/* Main nav button classes */
.topNavButtonOn
{
	font-family: Arial, Helvetica, sans-serif;
	background:url(/images/tab-on.png) no-repeat top left;
	font-size:1.125em;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-align:center;
	height:35px;		
	width:160px;	
	float:left;
	color:#333535;
	cursor:pointer;
}			 

.topNavButtonOff	
{
	font-family: Arial, Helvetica, sans-serif;
	background:url(/images/tab-off.png) no-repeat top left;
	font-size:1.125em;
	font-weight:normal;
	padding:3px 0 0 0;
	margin:3px 0 0 0;
	text-align:center;
	height:32px;	
	width:154px;
	float:left;
	color:#eaeaea;
	cursor:pointer;
}

.topNavButtonOver
{
	font-family: Arial, Helvetica, sans-serif;
	background:url(/images/tab-off.png) no-repeat top left;
	font-size:1.125em;
	font-weight:normal;
	padding:3px 0 0 0;
	margin:3px 0 0 0;
	text-align:center;
	height:32px;	
	width:154px;
	float:left;
	color:#333535;
	cursor:pointer;
}

.topNavButtonDown
{
	font-family: Arial, Helvetica, sans-serif;
	background:url(/images/tab-off.png) no-repeat top left;
	font-size:1.125em;
	font-weight:normal;
	padding:3px 0 0 0;
	margin:3px 0 0 0;
	text-align:center;
	height:32px;	
	width:164px;
	float:left;
	color:#333535;
	cursor:pointer;
}

/**************************************************************************************
*    buttonNav classes
***************************************************************************************/
/* Main nav button classes */
.buttonNavButtonOn
{
	font-size:1em;
	font-weight:normal;
	padding:0px;
	margin:3px 0 0 20px;
	text-align:center;
	height:36px;			
	float:left;
	color:#245323;
	cursor:pointer;
	display:inline;
}			 

.buttonNavButtonOff	
{
	font-size:1em;
	font-weight:normal;
	padding:0px;
	margin:3px 0 0 20px;
	text-align:center;
	height:36px;			
	float:left;
	color:#141a21;
	cursor:pointer;
	display:inline;
	text-decoration:underline;
}

.buttonNavButtonOver
{
	font-size:1em;
	font-weight:normal;
	padding:0px;
	margin:3px 0 0 20px;
	text-align:center;
	height:36px;			
	float:left;
	color:#245323;
	cursor:pointer;
	display:inline;
}

.buttonNavButtonDown
{
	font-size:1em;
	font-weight:normal;
	padding:0px;
	margin:3px 0 0 20px;
	text-align:center;
	height:36px;			
	float:left;
	color:#245323;
	cursor:pointer;
	display:inline;
}

/**************************************************************************************
*    Layout Styles
***************************************************************************************/

#pageOuterContainer
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width:999px;
	text-align: left;
	position: relative;
}

#pageLogo
{
	background:url(/images/rv-sales-logo.png) no-repeat top left;
	height:89px;
	width:388px;
	cursor:pointer;
	float:left;
}

#pageContact
{
	margin:0 0 0 400px;
	padding:10px 0 0 0;
	text-align:right;
}

#pageNav
{
	padding:0px;
	margin:0 0 0 18px;
	height:35px;
}

#pageHeader
{
	height:121px;
}

#pageTitle
{
	float:right;
	width:330px;
	margin:25px 0 0 0;
}

#pageNavContainer
{
	/*background-color:#483018;*/
	display: table;
	width: 100%;
}

#pageNavTop
{
	float: left;
}

/*
#boxHeaders
{
	padding:0px 5px 5px 5px;
	background:url(/images/box-headers.png) no-repeat top left;
}*/

#buttonBanner1
{
	height:36px;
	padding:0 0 0 35px;
	background:url(/images/button-banner-bg.png) no-repeat top center;
}

#pageSidebar
{
	float: right;
	width: 220px;
	margin:0px 0px 5px 5px;
}



/* Used to offset sidebar if used */
#pageBody
{
	margin-right: 240px;
}


/**************************************************************************************
*    Page Content Styles
***************************************************************************************/

/* Used to add rounded image to top of body */
#pageContentTop
{
	padding:0px;
	margin:0px;
	height:10px;
	background-color:#FFFFFF;
}

#pageContent
{
	padding:0 40px 0 40px;
	margin:10px 3px 0px 3px;
}

/* Used to add rounded image to bottom of body */
#pageContentBottom
{
	padding:0px;
	margin:0px;
	height: 19px;
	background-color:#FFFFFF;
}

#pageContentHeader
{
	padding: 10px 20px 0px 25px;
	text-align: left;
	height: 140px;
	/*background:url(/images/pageConHeaderBg1.png) no-repeat bottom left;*/
}

#pageContentHeader h1
{
	font-size:1.8em;  /* 16x2.25=36 */
	letter-spacing: -1px;
	line-height: 1.2em;
	color: black;
}

#pageContentHeader h2
{
	font-size:1.2em;  /* 16x2.25=36 */
	letter-spacing: -1px;
	line-height: 1.2em;
	color: black;
}

#pageContentHeaderHome
{
	height: 302px;
	background:url(/images/homepage-main-tab.png) no-repeat top left;
	padding:0px;
	margin:0px;
}

#pageContentBanner
{
	margin:5px 0 0 0;
	padding:0px;
	height:200px;
	background-color:#000000;
}

#pageContentFooter
{ 	
	margin:10px 0 0 0;
	padding:0px;
	display: table;
	width: 100%;
}

#pageContentFooterLinks
{
	margin:0px;
	padding:0px;
}

#pageContentFooterLinks ul
{
	list-style: none;
	margin:0px;
	padding: 0px;
}

#pageContentFooterLinks li
{ 
	float: left;
	width: 105px;
}

#pageContentFooterLinks li a:hover
{
	background-color:#333333;
	color:#FFFFFF;
}

#pageContentBodyHeader
{
	margin:5px 0 0 0;
	padding:0px;
	height:8px;
}

#pageContentBody
{	
	margin:0px;
	padding:20px;
}

#pageContentBodyFooter
{
	margin:0px;
	padding:0px;
	height:13px;
}

#pageContentBodyLeftColumn
{
	width: 310px;
	padding:10px 5px 10px 10px;
	margin:0px;
	float: left;
	border-right:1px solid #CCC;
}

#pageContentBodyMiddleColumn
{
	top: 10px;
	margin-left: 325px;
	margin-right: 321px;
	padding:10px;	
}

#pageContentBodyRightColumn
{
	width: 315px;
	padding:0px;
	margin:0 0 10px 0;
	float: right;
}


/**************************************************************************************
*    Left and Right Content Layout Styles One
***************************************************************************************/

#pageContentBodyLeftContainer
{
	margin:5px 0 0 0;
	padding:0px;
	width:637px;
}

#pageContentBodyLeftInnerContainer
{
	padding:10px;
}

#pageContentBodyRightContainer
{
	float: right;
	width: 315px;
	padding:0 0 10px 0;
	margin:5px 0 0 0;
}

#pageFooter
{
	height: 60px;
	text-align:center;
	padding:10px 0 0 0;
}

#pageFooter p
{
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}


/**************************************************************************************
*    Forms
***************************************************************************************/

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title, textarea, select
{
	margin:0.5em 0;
	border-left:1px solid #69747d;
	border-top:1px solid #69747d;
	border-right:1px solid #434a50;
	border-bottom:1px solid #434a50;
}

input.text:focus, input.title:focus, textarea:focus, select:focus
{
	border-left:1px solid #69747d;
	border-top:1px solid #69747d;
	border-right:1px solid #434a50;
	border-bottom:1px solid #434a50;
}

input.text, input.title
{
	width: 100px;
	padding:2px;
}

input.title
{
	font-size:1.5em;
}

textarea
{
	width: 190px;
	height: 250px;
	padding:5px;
}

/**************************************************************************************
*    Success, notice and error boxes
***************************************************************************************/

.error,
.notice, 
.success
{
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/**************************************************************************************
*    Global Button Styles
***************************************************************************************/

.buttons a, .buttons button
{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;

    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]
{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]
{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img
{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover
{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active
{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive
{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover
{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active
{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative
{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover
{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active
{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}




/**************************************************************************************
*    Global Tables
***************************************************************************************/

table
{
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}

td 
{
  	text-align: left;
	font-weight: normal;
}

th 
{
  	text-align: left;
	font-weight: bold;
}


/**************************************************************************************
*	Content Boxes
***************************************************************************************/

.contentBox
{
	background-image: url(/images/contentBoxBg.png);
	padding: 5px;
/*
	background-color: #ffffff;
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=60 )
	-moz-opacity: 0.6;
	opacity: 0.6;
	*/
}


/**************************************************************************************
*    Image Viewer (popup) styles
***************************************************************************************/
/*Outermost DIV for thumbnail viewer*/
#thumbBox
{ 
	position: absolute;
	left: 0;
	top: 0;
	width: 940px;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	cursor: hand;
	cursor: pointer;
	z-index: 1000;
}

/*Footer DIV of thumbbox that contains "close" link */
#thumbBox .footerbar
{ 
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}

/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage
{ 
}

/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage img
{ 
	max-width:900px;
	/* IE Image max-width */
	width: expression(this.width > 900 ? 900: true);
}

/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading
{ 
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
	color: black;
}

/**************************************************************************************
*    Other Misc
***************************************************************************************/
.inetSpecBG
{
	background:url(/images/inet-spec-bg.png) no-repeat top left;
	font-size:.75em;
	color:#e9faff;
	text-align:justify;
}

.rvDetail
{
	background:url(/images/rv-unit-detail-bg.png) no-repeat top left;
}

.flashBanner
{
	/*background:url(/images/homepage-main-tab-viewer-bg.png) no-repeat top left;*/
	width:578px;
	height:284px;
	margin:0 0 0 401px;
	padding:15px 0 0 0;
}