
/*************************************************************************************
				General Layout/Styling Settings - All Divisions
*************************************************************************************/

/*************************** Page Header Formating ******************************/

#header { 
	width: 960px;height: 103px;padding:0; background: url(../../montecito-rv/media/images/header.jpg) no-repeat; 
}

#header h1 {
	width: 150px;height: 103px;text-indent: -9999px;float:right;background: transparent url(../media/logo-box.gif); 
}

body {
	line-height:normal;font-family:helvetica,arial,sans-serif;font-size:62.5%;font-size:68%;color: #ffffff; 
	font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;     
    background: #4a606e url(../media/bkgd.jpg);
}

#content h1 { 
	padding:4px 0px; 
}

a { 
	color: #FF9900;font-weight: bold;text-decoration: none; 
}
 
a:visited { 
	color: #FF9900;font-weight: bold;text-decoration: none; 
}

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

h1 {
    font-size: 2.1em;color: #9dcce0;
}

h2 {
    font-size: 1.7em;color: #8dabc7;padding:4px 0px;
}

h3 {
    font-size: 1.5em;color: #8dabc7;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.1em;
}

strong { 
	font-weight: bold; 
}

ul {
	font-size: 1.2em;margin: 10px 0;
}

li {
	margin-left:10px;padding:0;list-style-position: inside;list-style-type: disc;
}


input.text {
    padding: 3px;   
}

input.butn {
	border:1px outset #333333;
	background:url(../media/butn_bak.gif) repeat-x center;
	color:#000;
	cursor:pointer;
	font-size: 12px;
}

table {
    border-spacing: 0; border-collapse: collapse;
}

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

.clear { 
	clear:both; 
}

hr.dotted {
    border: dotted 1px;
}

/*************************** Content/Layout Formating ******************************/
#content {
	width: 960px;min-height:450px;text-align:left;background: url(../media/container_bkg.jpg) no-repeat;	
	height:450px;height: auto !important;
}

#container {
	width:960px;height:590px;text-align:center;background: url(../media/container_bkg.jpg) no-repeat;	
}

#subpage {
	font-size:1em;width:850px;padding-left:50px;padding-right:50px;padding-bottom:10px;
}

#flash {
	margin:0 auto;width:930px;border-bottom: 1px solid #000;
}

#mbody {
	width:930px;margin:0 auto;
}

#frontbox-container { 
	float:left; width:362px; background-color:#1C3C4B; color:white;
}

.roundbox h3 { 
	color:white; 
}

.roundbox p { 
	color:white; font-size:1em;
}

/*************************** Text/Paragraph Formating *******************************/
#blurb {
	width:450px;padding:10px;float:left;font-size:12px;line-height:16px;
}

#blurb h2{
	font-size:16px;font-weight:bold;font-variant:small-caps;padding-bottom:5px;
}

#disclaimer {
 	margin:0 auto;width:600px;font-size:.85em;color:#efefef;
}

/************************ General Page/Style Formating *******************************/
.div_header {
	padding: 5px 5px 5px 10px;color:#FFFFFF;font-weight:bold;font-size:14px;background-color:#fff;
	background: url(../media/titlehead.gif) no-repeat;	
}

.div_header2 {
	padding: 5px 5px 5px 10px;color:#FFFFFF;font-weight:bold;font-size:14px;border: 1px solid #000;background-color:#fff;
	background: url(../media/titlehead_old.gif) repeat;	
}

.div_header_sm {
	padding: 5px 5px 5px 10px;color:#FFFFFF;font-weight:bold;font-size:14px;background-color:#fff;
	background: url(../media/titlehead_sm.gif) no-repeat center 0px;	
}

.div_body {
	padding:40px 40px 0px 40px; margin-bottom:15px; background-color:#fff; border: 1px solid #000;
}

.div_body2 {
	padding:20px; margin-bottom:15px; background-color:#ebebeb; border: 1px solid #000; color:#000000;
}

.div_body_sm {
	margin-left:5px;margin-bottom:10px;padding: 5px;
}



/*************************************************************************************
						Menu Controls & Tab Styling
*************************************************************************************/

/********************* Homepage tabs menu for all Brands ****************************/
#brand_tabmenu {
	list-style: none;width: 960px;height: 20px;margin:0;padding:0;text-indent: -9999px;
	background: url(../media/brand_tabs.gif) 0 0 no-repeat;	
}

#brand_tabmenu li {
	margin:0;padding:0;display: block;float: left;
}

#brand_tabmenu a {
	display: block;height: 20px;
}

#brand_main {
	margin:0 auto;width:930px;
}

/***************************** Brand tabs menu links *********************************/
#brand_home a 				{ width: 60px; background: url(../media/btab-home.png) 0 0 no-repeat;}
#brand_home a:hover 		{ background-position: 0px -20px; }

#floorplans a 				{ width: 104px; background: url(../media/btab-floorplans.png) 0 0 no-repeat;}
#floorplans a:hover 		{ background-position: 0px -20px; }

#specs a 					{ width: 65px; background: url(../media/btab-specs.png) 0 0 no-repeat;}
#specs a:hover 				{ background-position: 0px -20px; }

#gallery a 					{ width: 78px; background: url(../media/btab-gallery.png) 0 0 no-repeat;}
#gallery a:hover 			{ background-position: 0px -20px; }

#features a 				{ width: 82px; background: url(../media/btab-features.png) 0 0 no-repeat;}
#features a:hover 			{ background-position: 0px -20px; }

#coloroptions a 			{ width: 130px; background: url(../media/btab-coloroptions.png) 0 0 no-repeat;}
#coloroptions a:hover 		{ background-position: 0px -20px; }

#brand_literature a 		{ width: 91px; background: url(../media/btab-literature.png) 0 0 no-repeat;}
#brand_literature a:hover 	{ background-position: 0px -20px; }

#buildyourown a 			{ width: 134px; background: url(../media/btab-buildyourown.png) 0 0 no-repeat;}
#buildyourown a:hover 		{ background-position: 0px -20px; }

#finddealer a 				{ width: 100px; background: url(../media/btab-finddealer.png) 0 0 no-repeat;}
#finddealer a:hover 		{ background-position: 0px -20px; }

#brand_tabmenu table a 		{ width:auto; height: auto; background: none;}


/******************** Information tabs menu for Brands *****************************/
#btabs-container { 
	float:left; width:549px;
}
#btabmenu {
	list-style: none;width: 549px;height: 43px;margin:0;padding:0;float:left;	
}

#btabmenu li {
	margin:0;padding:0;display: block;float: left;
}

#btabmenu a {
	display:block; height:43px; text-align:center;
}

#btabbox {
	width:549px;height:262px;float:left;
	background: url(../media/tabbed_box.gif) no-repeat;
}

.btab-content { 
	padding:0 36px; 
	padding-top:4px; 
	color:white;
	font-size:13px; 
	margin-top:10px;
	line-height:18px;
	display:none;
}

.tab-short a 		{ background: url(../media/tab-short.png) 0 0 no-repeat; width: 83px; height:22px; background-position: 0px 0px; padding-top:25px; font-size:0.75em;color:#ececec;}
.tab-short a:hover 	{ background-position: 0px -43px; }
.tab-short a.active { background-position: 0px -43px; }

.tab-long a 		{ background: url(../media/tab-long.png) 0 0 no-repeat; width: 124px; height:22px; background-position: 0px 0px; padding-top:25px; font-size:0.75em;color:#ececec;}
.tab-long a:hover 	{ background-position: 0px -43px; }
.tab-long a.active 	{ background-position: 0px -43px; }


/*************************************************************************************
					Page Specific Layout/Styling Settings
*************************************************************************************/

/********************** Specifications Page Formating *******************************/ 
#specspg {
	width:850px;
}

#specspg .specs-head td {
	font-weight:bold;color:#000;vertical-align: middle;
}

#specspg .specs-head {	
	background-color: #1c3c4b;padding:5px;height:18px;
	background: url(../media/titlehead_old.gif) repeat 1px center;	
}

#specs-body td { 
	border: 1px solid #5d80b3;color:#fff;font-size:12px; 
}

#specs-body .tdalign { 
	text-align:center; width:64px;
}

.specfloorplanimage { 
	cursor:pointer; z-index:1; 
}

.specfloorplanimageenlarged { 
	z-index:5;display:none; position:absolute; margin:0; padding:10px; 
	background-color:#fff; border:1px solid #241A6D; text-align:center;
}

/************************* Features Page Formating **********************************/ 
#feat {
	width:850px;
}

#feat ul, li {
	padding:1px; list-style: none;font-weight:bold;font-size:14px;
}

#feat .feat-head td {
	font-weight:bold;color:#fff;vertical-align: middle;
}

#feat .feat-head table:hover {
	margin-right:20px; background-color: #346f8b;
}

#feat .feat-head {
	cursor: pointer;padding-left:5px;padding-top:4px;background-color: #1c3c4b;height:25px; 
	background: url(../media/titlehead.gif) no-repeat 1px center;		
}

.feat-body { 
	display:none; color:#000;font-size:12px; 
}

#feat-body td { 
	border: 1px solid #5d80b3;color:#fff;font-size:12px; 
}

#feat-body .tdalign { 
	text-align:center; width:50px;
}

/********************** Color Options/Decor Page Formating ***************************/

.decorimage { cursor:pointer; z-index:1; margin:5px; 
}

.decorimageenlarged { 
 	z-index:5; display:none; position:absolute; margin:0; padding:0 10px 10px 10px; background-color:#fff; 
	border:1px solid #000; text-align:center;color: #000; cursor: move; 
}

#decorlayout td {
	text-align: center;height:80px;padding:10px;background-color:#fff;color:#000;border: 3px solid #5d96b3;
}


/************************ Build Your Own Page Formating *****************************/
.buildRVStepTitle {
	font-weight: bold;
}

#chosenfloorplan p, .title {
	padding:0 3px;
}

#byo a {
	color: #FF3300;
}

#byo a:visited {
	color: #FF0000;
}

#byo a:hover {
	color: #FF9900;
}

#byo form ul {
	margin:3px;padding:3px;
}
	
#byo form li {
	clear:left;margin:3px;font-size:12px;list-style: none;
}

#byo form li label {
	padding:0;margin:2px; text-align:right; font-weight:bold; float:left; width: 120px;
}

#byo fieldset {	
	border:1px solid #efefef;background-color: #f5f5f5;
}
			
#byo legend {
	font-weight: bold;padding:0 3px; border:1px solid #ddd;background-color:#efefef;
}
						 
#byo .active {
	font-weight: bold;color: #FF9900; 
}
			
#byo ol {
	list-style: none;display: inline;
}

#byo ol li {
	display: inline;padding: 0px 5px;font-size:12px;
}

#byo-front {
	font-size: 1.2em;margin: 10px;padding: 20px;height: 300px;width: 550px;
}

.required {
	color:red; font-weight: bold; font-size:16px; clear:both;
}

/*************************** Literature Page Formating ******************************/

.lit-download { 
	float:left;
}

#lit-download form { 
	width:550px; 
}

#lit-download label { 
	float:left; width:297px; margin:4px 0; padding-right:4px; text-align:right; font-weight:bold;
}

#lit-download input,select,textarea { 
	float:left; margin:4px 4px 4px 0px; 
}

#lit-download form br { 
	clear:both; 
}

#lit-download form p { 
	font-size:11px; 
}

#lit-download form .note { 
	display:block; font-style:italic; padding-top:4px; 
}

#lit-download div { 
	font-size:11px; 
}

#lit-download table:hover { 
	background:url(../../montecito-rv/media/images/download_brocha.jpg) no-repeat center center; 
}

#lit-download table { 
	width:200px;height:194px;background:url(../../montecito-rv/media/images/download_broch.jpg) no-repeat center center;
}

/************************** Dealer/Locator Formating ********************************/
#find_dealer {
	float:left;width:372px;height:143px;text-align:left;
	background: url(../media/find_dealer_bk.gif) no-repeat;	
}

#find_dealer h3 { 
	padding-top:7px; padding-left:22px; 
}

#find_dealer p { 
	padding-top:5px; padding-left:28px; padding-right:70px;
}

#find_dealer form { 
	padding-top:5px; padding-left:70px;
}


/*************************** News Page Formating **********************************/
#news {
	top:0;float:left;width:372px;height:162px;text-align:left;	
	background: url(../media/newsroom_bk.gif) no-repeat;	
}

#news h3 { 
	padding-top:27px; padding-left:22px; color:white;
}

#news p { 
	padding-left:28px; padding-right:80px; padding-top:10px; 
}

.link_more { 
	color:#FF9900; 
}

/*************************** Page Footer Formating ******************************/

#footer {
	margin:0;padding-top:15px;width:960px;height:96px;color: #323228;font-size: 9px;
	background: url(../media/footer.jpg) no-repeat; display:block;
}

#footer li {
	list-style-type:none;
 	margin: 0 3px 0px 3px;
	padding: 5px;
	display:inline;
	font-size:9px;
}	

#footer a, #footer a:visited{
	color:#323228;font-weight:bold;	
}

#footer a:hover {
	text-decoration: none;
	color: #990000;
}



