﻿/*
----------------------------------------------------
----------------------------------------------------
-----------------------GENERIC----------------------
----------------------------------------------------
----------------------------------------------------
*/
  

html,
body {
    height:100%;
    padding:0;margin:0;
    background: url(../images/layout/bg_body.jpg) #575757 repeat-x;
    font: 12px Verdana,Tahoma,Arial,sans-serif;
    color:black; text-align: center;
    }

/*
----------------------------------------------------
----------------------------------------------------
-----------------------LAYOUT-----------------------
----------------------------------------------------
----------------------------------------------------
*/ 


/* CONTAINER */
#container {
    width:960px;
    padding:0px; margin-left:auto; margin-right:auto;
    overflow:hidden;
    text-align:left;
    }
    
/* HEADER ----------------------------------------------------------*/ 
#container #header {
    width:960px; height:91px;
    padding:0px; margin:0px;
    overflow:hidden;
    }
#container #header #logo {
    padding:20px 0px 0px 31px;
    float:left; display:inline;
    } 
#container #header #right {
    width:520px;
    padding:6px 30px 0px 0px;
    float:right; display:inline;
    } 
#container #header #right .tel {
    height:28px;
    margin:10px 5px 10px 0px; padding:3px 0px 0px 28px;
    background: url(../images/layout/tel.jpg) no-repeat;
    float:right; display:inline;
    font-size:17px; font-weight:bold;
    color:#ABABAB;
    } 
#container #header #right #nav {
    width:100%;
    float:right; clear:both; overflow:hidden; text-align:right;
    } 
#container #header #right #nav #configurator{
    height:34px;
    margin-right:5px;
    background: url(../images/layout/bg_top_main.jpg);
    float:right; display:inline; overflow:hidden;
    }
#container #header #right #nav #configurator a{
    height:23px;
    padding:10px 0px 0px 35px;
    background: url(../images/layout/bg_top_configurator.jpg) no-repeat;
    float:left; display:inline; overflow:hidden;
    font-size:10px;
    color:#6A8900;
    text-decoration:none;
    }
#container #header #right #nav #configurator a:hover{
    height:23px;
    padding:10px 0px 0px 35px;
    background: url(../images/layout/bg_top_configurator.jpg) no-repeat;
    float:left; display:inline; overflow:hidden;
    font-size:10px;
    color:#000000;
    text-decoration:none;
    }
#container #header #right #nav #book{
    height:34px;
    margin-right:5px;
    background: url(../images/layout/bg_top_main.jpg);
    float:right; display:inline; overflow:hidden;
    }
#container #header #right #nav #book a{
    height:23px;
    padding:10px 0px 0px 35px;
    background: url(../images/layout/bg_top_book.jpg) no-repeat;
    float:left; display:inline; overflow:hidden;
    font-size:10px;
    color:#6A8900;
    text-decoration:none;
    }
#container #header #right #nav #book a:hover{
    height:23px;
    padding:10px 0px 0px 35px;
    background: url(../images/layout/bg_top_book.jpg) no-repeat;
    float:left; display:inline; overflow:hidden;
    font-size:10px;
    color:#000000;
    text-decoration:none;
    }
#container #header #right #nav #brochure{
    height:34px;
    margin-right:5px;
    background: url(../images/layout/bg_top_main.jpg);
    float:right; display:inline; overflow:hidden;
    }
#container #header #right #nav #brochure a{
    height:23px;
    padding:10px 0px 0px 35px;
    background: url(../images/layout/bg_top_brochure.jpg) no-repeat;
    float:left; display:inline; overflow:hidden;
    font-size:10px;
    color:#6A8900;
    text-decoration:none;
    }
#container #header #right #nav #brochure a:hover{
    height:23px;
    padding:10px 0px 0px 35px;
    background: url(../images/layout/bg_top_brochure.jpg) no-repeat;
    float:left; display:inline; overflow:hidden;
    font-size:10px;
    color:#000000;
    text-decoration:none;
    }
#container #header #right #nav .rightBg{
    width:14px; height:33px;
    background: url(../images/layout/bg_top_right.jpg) no-repeat;
    overflow:hidden; display:inline; float:left;
    }


/* CONTENT ----------------------------------------------------------*/ 
#container #content{
    width:960px;
    overflow:hidden;
    background: url(../images/layout/bg_content.png) repeat-y;
    }
    
/* CONTENT TOP*/
#container #content #top{
    width:960px; min-height:200px;
    background: url(../images/layout/bg_header.jpg) no-repeat;
    overflow:hidden;
    }

#container #content #top #inner{
    width:894px;
    margin:23px 0px 0px 33px;
    float:left; overflow:hidden;
    }

/* CONTAINER HEADER BACKGROUNDS - PAGE TOP----------------------------------------------*/
#container #content #top #inner .headerGeneric{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_generic.jpg) no-repeat;
    float:left; overflow:hidden;
    }
    
#container #content #top #inner .headerMotorsport{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_motorsport.jpg) no-repeat;
    float:left; overflow:hidden;
    }
    
#container #content #top #inner .headerClassic{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_classic.jpg) no-repeat;
    float:left; overflow:hidden;
    }

#container #content #top #inner .headerMotorhome{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_motorhome.jpg) no-repeat;
    float:left; overflow:hidden;
    }

#container #content #top #inner .headerProMover{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_promover.jpg) no-repeat;
    float:left; overflow:hidden;
    }

#container #content #top #inner .headerGeneral{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_general.jpg) no-repeat;
    float:left; overflow:hidden;
    }
    
#container #content #top #inner .headerCommercial{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_commercial.jpg) no-repeat;
    float:left; overflow:hidden;
    }

#container #content #top #inner .headerUtility{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_utility.jpg) no-repeat;
    float:left; overflow:hidden;
    }

#container #content #top #inner .headerAccessories{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_accessories.jpg) no-repeat;
    float:left; overflow:hidden;
    }

#container #content #top #inner .headerCurrent{
    width:894px; height:193px;
    background: url(../images/layout/bg_top_current.jpg) no-repeat;
    float:left; overflow:hidden;
    }

 
/* LEFT IMAGE - PAGE TOP*/
#container #content #top #inner #leftImage{
    width:280px; height:130px;
    padding:14px 0px 0px 15px;
    float:left; overflow:hidden;
    }

/* PAGE TITLE - PAGE TOP*/
#container #content #top #inner #pageTitle{
    width:588px;
    margin:15px 0px 0px 0px;
    float:left;
    }
    
/* PAGE TITLE - PAGE TOP*/  
#container #content #top #inner #introPara{
    width:588px;
    margin:0px 0px 0px 0px;
    float:left;
    font-size:13px;
    color:#232323;
    }




/* HEADER NAV ------------------------------------------------------*/

#container #content #top #inner #nav{
    height:30px; width:892px;
    margin:8px 0px 0px 0px; padding:0px;
    border-left:solid 1px #D0D0D0;border-right:solid 1px #D0D0D0;
    float:left; clear:both; overflow:hidden;
    background: url(../images/nav/bg_head_nav.jpg) repeat-x;
    }
    
/* CONTENT BOTTOM*/
#container #bot{
    width:960px; height:40px;
    background: url(../images/layout/bg_bot.png) no-repeat;
    overflow:hidden;
    }


/*
----------------------------------------------------
----------------------------------------------------
-----------------------NAVIGATION-------------------
----------------------------------------------------
----------------------------------------------------
*/ 
   


/* HOME RIGHT NAV --------------------------------------------------------*/

#container #content #mid #rightNav{
    width:445px;
    margin:0px 2px 0px 0px;
    float:right; display:inline;
    }

#container #content #mid #rightNav #gallery a{   
    height:33px; width:158px;
    padding:12px 0px 0px 50px; margin:0px 0px 5px 20px;
    background: url(../images/nav/home_gallery_nav.jpg) no-repeat;
    display:block; float:right; display:inline;
    font-size:15px;
    color:#8EB607; text-decoration: none;
    }

#container #content #mid #rightNav #gallery a:hover{   
    background: url(../images/nav/home_gallery_nav.jpg) 0px -45px no-repeat;
    color:black;
    }


#container #content #mid #rightNav #builder a{   
    height:33px; width:158px;
    padding:12px 0px 0px 50px; margin:0px 0px 5px 0px;
    background: url(../images/nav/home_builder_nav.jpg) no-repeat;
    display:block; float:right; display:inline;
    font-size:15px;
    color:#8EB607; text-decoration: none;
    }

#container #content #mid #rightNav #builder a:hover{   
    background: url(../images/nav/home_builder_nav.jpg) 0px -45px no-repeat;
    color:black;
    }
    
.hypEmail a {
    color:Gray;
    border-bottom:solid 1px gray;
    text-decoration:underline;
}

.hypEmail a:hover {
    color:Black;
    border-bottom:solid 1px gray;
    text-decoration:underline;
}

/*
----------------------------------------------------
----------------------------------------------------
-----------------------GOOGLE-----------------------
----------------------------------------------------
----------------------------------------------------
*/ 

table.searchResults {
    width: 100%;
    border: 1px solid black;
}

table.searchResults th {
    background-color: #ccc;
    border: 1px solid #ccc;
    text-align:left;
}

table.searchResults td {
    background-color: #fff;
    border: 1px solid #ccc;
}

#noResults {
    padding-left: 25px;
    color: Red;
}

.map-area {
    width: 597px; 
    height: 400px; 
    margin-bottom: 15px;
    border: solid 1px #333;
}

.infoWindow {
    line-height: normal;
}

.infoWindow .img 
{
	padding:3px;
	margin:5px;
	margin-left:0;
	margin-top:2px;
	float:left;
}

/*
----------------------------------------------------
----------------------------------------------------
-----------------------JQUERY-----------------------
----------------------------------------------------
----------------------------------------------------
seems to ignore so also added to UC page (STH)
*/ 


.slideshow ul {	
	list-style:none;
	width:229px;
	height:121px;
	overflow:hidden;
	position:relative;
    margin: 0em;
    padding: 0;
}	

.slideshow li {
	position:absolute;
	left:0;
	right:0;
	margin:0em;
	padding:0;
	list-style:none;
}

.slideshow li.show {
	z-index:500;	
}
    



