﻿/***********************************************/
/* layout.css                                  */
/* Use with Gregor Fisken                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/********** REDEFINING TAGS **/
            body {
	            background-color:#FFFFFF;
	            background-image:url(../images/shd/GregorBG.jpg);
	            background-repeat:no-repeat;
	            color:#FFFFFF;
	            font-family:Arial,Helvetica,sans-serif;
	            font-size:1em;
	            margin:0px;
	            padding:40px 0px;
	            font-size:0.7em;
            }
            
            p {
            }
            
            h1,h2,h3,h4,h5,h6 {
                margin:0px;
                padding:0px;
            }
            
            h1 {
	            font-size:1.4em;
	            font-weight:bold;
	            margin:0px;
	            padding:0px;
            }
            h2 {
	            font-size:1.4em;
	            font-weight:bold;
	            margin:0px;
	            padding:0px;
            }
            h3 {
	            font-size:1.3em;
	            font-weight:bold;
	            margin:0px;
	            padding:0px;
	            text-transform:uppercase;
            }
            h4 {
	            font-size:1.2em;
	            font-weight:bold;
	            margin:0px;
	            padding:0px;
            }
            h5 {
	            font-size:1.1em;
	            font-weight:bold;
	            margin:0px;
	            padding:0px;
            }
            h6 {
	            font-size:1em;
	            font-weight:normal;
	            line-height:1em;
	            margin:0px 0px 3px 0px;
	            padding:0px;
            }
            
            hr
            {
                padding:0px;
                margin:0px;
            }
            form {
	            margin:0px;
	            padding:0px;
            }
            input,textarea {
	            color:#000000;
	            font-family:Verdana,Arial,Helvetica,sans-serif;
	            font-size:1em;
	            padding:1px 0px 0px 0px;
	            width:20em;
            }
            
            .slim
            {
                color:#000000;
	            font-family:Verdana,Arial,Helvetica,sans-serif;
	            font-size:1em;
	            padding:1px 0px 0px 0px;
	            width:15em;
            }
            select {
	            color:#003399;
	            font-family:Verdana,Arial,Helvetica,sans-serif;
	            font-size:0.9em;
            }
            select option
            {
                float:left;
                display:block;
                width:auto;
                clear:both;
            }
            a, a:visited, a:link, a:visited hover {
	            color:#FFFFFF;
	            font-weight:bold;
	            text-decoration:none;
            }
            a:hover, a:active {
	            color:#A40031;
	            text-decoration:none;
            }
            a img 
            {
                border:none;
            }
            hr {
	            background-color:#C0C0C0;
	            border:medium none;
	            height:1px;
            }

            .clear
            {
                clear:both;
            }
            
            .seeMore /* PARENT DIV MUST BE RELATIVE POSITIONED */
            {
                position:absolute;
                bottom:0px;
                font-family:Arial,Helvetica,sans-serif;
                text-transform:uppercase;
            }
            
            .submitBtn
            {
                background-image:url(../images/shop/listingArrowWhite.gif);
                background-position:2px 2px;
                background-repeat:no-repeat;
                margin:0;
                padding:0;
                padding:0px 0px 0px 12px;   
            }
            
            .right
            {
                float:right;
            }
            
            .left
            {
                float:left;
            }

/********** LAYOUT **/
            #mainContainer 
            {
	            padding:0;
	            margin:0;
	            width:956px;
	            position: relative;
	            left:50%;
	            margin-left: -478px;
	            background-image:url(../images/shd/pageBottom.jpg);
	            background-position:left bottom;
	            background-repeat:no-repeat;
            }
            
            html>body #mainContainer
            {
	            background-image:url(../images/shd/pageBottom.png);                
            }
            
            #topContainer 
            {
	            float:left;
	            padding:7px 11px 2px 9px;
	            background-image:url(../images/shd/pageTop.jpg);
	            background-position:right top;
	            background-repeat:no-repeat;
            }
            
            html>body #topContainer 
            {
	            padding:6px 5px 9px 10px;
	            background-image:url(../images/shd/pageTop.png);                
            }
            
            #pageContainer 
            {
	            float:left;
	            display:block;
	            padding:20px;
                background-color:white;
            }
            #pageContent {
	            background-color:#000000;
	            float:right;
	            position:relative;
	            width:600px;
            }
            
            .narrow{
	            width:200px;
	            border: 1px solid red;
            }
            
/********** PAGE CONTENT **/
            #pageContent h1
            {
	            font-family:arial, Helvetica, sans-serif;
	            margin:7px 0px 7px 7px;  
	            padding:0px;
	            text-transform:uppercase;          
            }
            
            .innerContent
            {
            }
            
            #latestNewsList .innerContent,#moreLatestNewsList .innerContent,#newsItem .innerContent,#newsArchive .innerContent
            {
                padding:7px;                
            }
            .innerContentNewsArchive 
            {
                padding:1px;
            }
            
            .innerPadding
            {
                padding:7px;
            }
            
/********** NEWS **/

        /** LATEST NEWS LISTING **/
            #latestNewsList,#moreLatestNewsList
            {   
                float:left;
                clear:both;
                display:block;
                width:100%;
            }
            
            #latestNewsList div.topNewsItem
            {
                border-bottom:1px solid #FFFFFF;   
                border-top:1px solid #FFFFFF;              
            }
            
            .topNewsItem 
            {
                width:100%;
                display:block;
                clear:both;
                float:left;
                position:relative;
            }
            
            .topNewsItem h3{
                margin:4px 0 4px 0;
                font-size:1.3em;
            }
            
            .topNewsItem h6 {
                font-size:1.1em;
                font-weight:normal;
            }
            
            .topNewsItem .seeMore,.topNewsItem .seeMore:link,.topNewsItem .seeMore:visited
            {
                background-color:#FFFFFF;
                background-image:url(../images/shop/listingArrow.gif);
                background-position:340px 1px;
                background-repeat:no-repeat;
                color:#000000;
                display:block;
                font-size:0.8em;
                padding:0px 205px 0px 0px;
                text-align:right;
                text-transform:uppercase;
                width:600px;
                text-align:right;
            }
            html>body .topNewsItem .seeMore,html>body .topNewsItem .seeMore:link,html>body .topNewsItem .seeMore:visited
            {
                width:395px;            
            }
            
            .topNewsItem a.seeMore:hover,
            .topNewsItem a.seeMore:active,
            .subNewsItemLeft a.seeMore:hover,
            .subNewsItemLeft a.seeMore:active,
            .subNewsItemRight a.seeMore:hover,
            .subNewsItemRight a.seeMore:active
            {
	            filter:alpha(opacity=70);
	            -moz-opacity: 0.7;
	            opacity: 0.7;
                color:#A40031;             
            }
            
        /** MORE LATEST NEWS LISTING **/            
            #moreLatestNewsList h1
            {
                font-size:1.3em;      
            }
            
            .subNewsItemLeft
            {
                padding:0;
                margin-bottom:10px;
                position:relative;
                width:298px;
            }
            .subNewsItemRight
            {
                padding:0;
                margin-bottom:10px;
                position:relative;
                width:299px;
            }
            
            .subNewsItem h6
            {
                font-size:1.0em;
                font-weight:normal;
            }
            
            .subNewsItem h5
            {
                font-size:1.1em;
            }
            
            .subNewsItemLeft .seeMore, .subNewsItemRight .seeMore
            {
                display:block;
                position:static;
                text-align:right;
                text-transform:uppercase;
                padding-right:95px;
                background-color:White;
                color:Black;
	            background-image:url(../images/shop/listingArrow.gif);
	            background-position:145px 2px;
	            background-repeat:no-repeat;
	            clear:both;
            }
            .subNewsItemLeft h5, .subNewsItemLeft h6, .subNewsItemRight h5, .subNewsItemRight h6
            {
                padding-left:4px;
            }
            .widthLeft
            {         
	            width:203px;
            }
            .widthRight
            {         
	            width:204px;
            }       
            
             /** NEWS ITEM DISPLAY **/
            #newsItem
            {
                background-repeat:no-repeat;
                position:relative;
                padding:0;
                padding-top:300px;
            }
            
            #newsItem .innerContent
            {
                padding-top:30px;
	            background-image:url(../images/news/innerContentBG.png);
	            z-index:100000000;
	            background-repeat:no-repeat;
	            width:586px;
            }
            
            #newsItem h2
            {
                margin:0 0 10px 0;
                padding:0;
                font-size:1.6em;            
            }
            
            #newsItem h3 {
                font-size:1.1em;
                font-weight:normal;
                float:right;
                display:block;
                width:100%;
                text-align:left;
            }
            #newsItem .seeMore, #newsItem .seeMoreTop
            {
                font-family:Arial,Helvetica,sans-serif;
                top:0;
                width:596px;
                bottom:auto;
                position:absolute;
                margin:10px 0 10px 0;
                display:block;
                background-color:#FFFFFF;
                background-image:url(../images/shop/shopBackArrow.gif);
                background-position:4px 2px;
                background-repeat:no-repeat;   
                color:#000000;   
                padding:0px 4px 0px 20px;
                text-transform:uppercase; 
            }
            html>body #newsItem .seeMore, html>body #newsItem .seeMoreTop
            {
                width:576px;                
            }
            
            #newsItem .seeMore
            {
                position:static;    
            }
            
            #newsSearch
            {
                display:block;
                width:298px;
                float:left;
                margin: 0 0 15px 10px;
            }
            #newsSearch label
            {
                width:85px;
                text-align:left;
                display:block;
                float:left;
                margin:0px 10px 0px 0px;
            }
            #newsSearch input, #newsSearch textarea {
	            color:#000000;
	            font-family:Verdana,Arial,Helvetica,sans-serif;
	            font-size:1em;
	            padding:1px 0px 0px 0px;
	            width:169px;
            }
            
            #newsSearch div
            {
                margin:3px 0px 3px 0px;                
            }
            
            #newsSearch .submitBtn
            {
                display:block;
                float:right;
                text-align:right;
                margin-right:28px;
            }
            
            
/********** SHOP **/


		/** IMAGES **/
		    #shopImages
		    {
                width:100%;
		    }
            #shopImages a, #shopImages a:link, #shopImages a:visited, #shopImages a:active {
                border:none;
                float:left;
                background-color:black;
            }
            #shopImages img {
                border:none;
            }
            #shopImages p {
                color:#FFFFFF;
                font-size:10px;
                margin:0px;
                padding:2px 4px;
                text-transform:uppercase;
                background-color:black;
            }
	                /** PRODUCT IMAGE **/
            #shopTop {
                background-color:#FFFFFF;
                background-image:url(../images/shop/carLoading.gif);
                background-repeat:no-repeat;
                height:400px;
                width:600px;
                position:relative;
            }
            #shopMainImageLink img {
                border:medium none;
                text-decoration:none;
            }
            
            #shopProduct .seeMore
            {
                clear:both;
                background-color:#FFFFFF;
                background-image:url(../images/shop/shopBackArrow.gif);
                background-position:4px 1px;
                background-repeat:no-repeat;
                color:#000000;
                width:576px;
                display:block;
                padding:0px 4px 0px 20px;
                margin:10px 0 10px 0;
                position:static;
                top:auto;
                bottom:auto;
                          
            }
            #shopTop .seeMore {
                position:absolute;
                margin:0;
                top:10px;
                bottom:auto;
            }
            
		/** PRODUCT INFORMATION **/
            #shopProductInformation {
	            clear:both;
	            color:#FFFFFF;
	            float:left;
	            padding:4px 7px;
	            display:block;
	            width:356px;
            }
            
            html>body #shopProductInformation 
            {
	            width:370px;                
            }
            #shopProductInformation h1 {
	            float:left;
	            font-size:1.5em;
	            font-family:Verdana,Arial,Helvetica,sans-serif;
	            font-weight:bold;
	            margin:0;
            }
            #shopProductInformation h2 {
	            float:right;
	            font-size:1.2em;
	            font-weight:bold;
            }
            #shopProductInformation h3 {
	            clear:both;
	            float:left;
	            font-size:1.2em;
	            text-transform:uppercase;
	            margin:5px 0px 0px;
	            width:100%;
            }
            #shopProductInformation p {
	            clear:both;
	            margin:10px 0px 10px 0px;
            }
            
		/** CONTACT INFORMATION **/
            #shopContactInformation {
				color:#FFFFFF;
				width:180px;
				margin:8px 0 4px 0;
				padding:0 8px 4px 8px;
				float:left;
				border-left:1px solid #404040;
				text-transform:uppercase;
				font-size:10px;	
            }
            #shopContactInformation span, #shopContactInformation a {
	            float:left;
	            margin:4px 0px;
	            padding:0px 0px 0px 20px;
	            width:100%;
            }
            #shopAddress {
	            background-image:url(../images/shop/ico_shopAddress.gif);
	            background-position:0pt 2px;
	            background-repeat:no-repeat;
            }
            #shopTelephone {
	            background-image:url(../images/shop/ico_shopPhone.gif);
	            background-position:4px 2px;
	            background-repeat:no-repeat;
            }
            #shopFax {
	            background-image:url(../images/shop/ico_shopFax.gif);
	            background-position:0pt 2px;
	            background-repeat:no-repeat;
            }
            #shopEmail {
	            background-image:url(../images/shop/ico_shopEmail.gif);
	            background-repeat:no-repeat;
	            color:#FFFFFF;
            }
            #shopEmail:hover {
	            background-image:url(../images/shop/ico_shopEmail_f2.gif);
	            background-repeat:no-repeat;
            }

/********** GALLERY LISTING **/
            #galleryOptions
            {
                margin:0px 0px 15px 0px;
                float:left;
                display:block;
                width:100%;
            }
            
            #galleryOptions * 
            {
                float:left;
            }
            #galleryOptions label 
            {
                padding:2px 0px 0px 7px;
                text-align:right;
                margin:0px 10px 0px 0px;
                text-transform:uppercase;
                font-weight:bold;
            }

            #galleryListing 
            {
	            border-color:#000000;
	            border-style:solid none none solid;
	            border-width:1px 1px 1px 1px;
	            float:left;
	            width:597px;
            }
            
            #galleryOptions input
            {
                margin:0 0 0 6px;
                padding:4px 0 4px 0;
            }
            #galleryListing a img 
            {
                border:none;
            }
            #galleryListing a span {
	            background-image:url(../images/shop/listingArrow.gif);
	            background-position:5px 3px;
	            background-repeat:no-repeat;
	            clear:both;
	            display:block;
	            font-weight:normal;
	            padding:0px 0px 0px 13px;
	            font-size:0.9em;
	            min-height:30px;
	            height:auto !important;
	            height:30px;
            }
            #galleryListing a, #galleryListing a:link, #galleryListing a:visited, #galleryListing a:active {
	            border-color:#000000;
	            border-style:none solid solid none;
	            border-width:1px 1px 1px 1px;
	            float:left;
	            margin:0px;
	            padding:0px;
	            text-decoration:none;
                background-color:#FFFFFF;
                color:#000000;
                width:198px;
            }
            #galleryListing a:hover img {
	            filter:alpha(opacity=70);
	            -moz-opacity: 0.7;
	            opacity: 0.7;
            }
            
            
            #galleryListing a.sold
            {
	            background-color:#FFFFFF;
	            background-position:left top;
	            background-repeat:no-repeat;
	            position:relative;
            }
            
            
            #galleryListing a.sold span
            {
            }
            
            #otherGalleries, .otherGalleriesLite
            {
                display:block;
                float:left;
                margin:15px 2px 0pt 2px;
                padding:0px;
                width:596px;
            }
            
            #otherGalleries h3, .otherGalleriesLite h3
            {
                margin-bottom:5px;
                margin-left:6px;
            }
            
            #otherGalleries li, .otherGalleriesLite li
            {
                display:block;
                float:left;
                list-style:none;
            }
            
            #otherGalleries a, .otherGalleriesLite a
            {
                float:left;
                border-left:1px solid #000;
            }
            
            #galleryListing a.sold span.soldOverlay
            {
                background:none;
                background-color:#FFFFFF;
	            filter:alpha(opacity=70);
	            -moz-opacity: 0.7;
	            opacity: 0.7;
	            display:block;
	            
	            min-height:140px;
	            height:140px !important;
	            height:140px;
	            
	            width:198px;
	            padding:0;
	            position:absolute;
	            top:0;
	            z-index:100000; 
            }
            
            #galleryListing span.soldText
            {
	            background:none;
	            height:140px;
	            line-height:140px;
	            text-align:center;
	            padding:0;
	            font-size:2em;
	            font-weight:bold;
	            text-transform:uppercase;
	            color:#000000;
	            position:relative;
	            top:0;
	            z-index:1000001;     
            }
            
            #galleryListing #carsForSaleNote
            {
                clear:both;
                float:left;
                text-transform:uppercase;
                font-size:0.90em;
                font-weight:bold;
                text-align:center;
                padding:0 0 0 8px;
            }
            
            #galleryListing #carsForSaleNote p
            {
                margin:8px 0 8px 0;
            }
            
            #galleryListing #carsForSaleNote span
            {
	            padding:0px 0px 0px 14px;            
	            margin:0 6px 0 0;
            }
            
            #galleryListing #carsForSaleNote a
            {
	            padding:0px 0px 0px 14px;            
	            margin:0 6px 0 0;
	            float:none;
	            background-color:Transparent;
	            color:#fff;
	            display:inline;
	            clear:none;
            }
            
            #imageDisplay
            {
                position:relative;
            }
            
            #imageDisplay .seeMore
            {
                bottom:auto;
                top:10px;
                width:606px;
                color:#000000;
                text-transform:uppercase;
                padding:0px 4px 0px 20px;
                background-image:url(../images/shop/shopBackArrow.gif);
                background-position:4px 2px;
                background-repeat:no-repeat;
	            background-color:#FFFFFF;
            }
            
           html>body #imageDisplay .seeMore
            {
                width:576px;                
            }
/********** CONTACT FORM **/
            #contactForm
            {
                background-color:Black;
            }
            
            .test
            {
                float:left;
                display:block;
                }
            #contactForm label
            {
                width:120px;
                text-align:right;
                display:block;
                float:left;
                margin:0px 10px 0px 0px;
            }
            #contactForm input,#contactForm textarea
            {
                width:200px;
            }
            
            #contactForm textarea
            {
                height:90px;
            }
            
            #contactForm div
            {
                margin:3px 0px 3px 0px;             
            }
            
            #contactForm .submitBtn
            {
                display:block;
                float:left;
                text-align:right;
                margin:10px 0px 15px 130px; 
            }
            
            #contactForm #shopContactInformation
            {
                    margin-left:10px;
            }
            
            .contactUs
            {
                margin:20px 0 0 0;
            }
            
            #landscapeContact
            {
                margin-top:5px;
            }
            
            #landscapeContact #shopContactInformation
            {
                border:none;
                float:right;
                margin-top:20px;
            }
            
            #landscapeContact,#landscapeContact div
            {
                float:left;
                display:block;
            }
            
            #landscapeContact label
            { 
                width:110px;
                float:left;
            }
            
            #landscapeContact input,#landscapeContact textarea
            { 
                width:160px;
                float:left;
            }
            #landscapeContact textarea
            {
                width:454px;
                height:50px;
                float:left;                
            }
            
            #landscapeContact div div
            {
                padding:5px 0 0 0;    
            }
            
            #landscapeContact #emailAddress
            {   
                display:block;
                float:left;
                margin:0 0 0 20px;
            }
            
            #landscapeContact #sendMessage
            {
                clear:both;
                float:left;
            }
            
/********** FOOTER **/
            #footer {
	            clear:both;
	            width:100%;
	            color:#999;
	            padding:0px;
	            text-align:center;
	            font-family:Arial,Helvetica,sans-serif;
            }
            #footer p
            {
                margin:0;
                padding:0;
            }
            #footer a, #footer a:visited, #footer a:link, #footer a:visited hover {
	            color:#888;
	            font-weight:bold;
            }

            #footer a:hover, #footer a:active {
	            color:#A40031;
            }
            
/********** CALENDAR **/
            .calendarTbl a
            {
                background-image:url('../../images/shd/calArrow.gif');
                background-repeat:no-repeat;
                background-position:left;
                padding-left:8px;
                font-weight:normal;
            }
            
            .calendarTbl td
            {
                padding:9px 0 9px 9px;
                border-top:1px solid #ccc;
            }
            
            .calendarTbl a:hover
            {
                background-image:url('../../images/shd/calArrow_ovr.gif');
            }
            
            .calendarHdr
            {
                text-transform:capitalize;
                font-weight:bold;
                height:25px;
                vertical-align:top;
            }
            
            .calendarDate
            {
                text-transform:capitalize;
                font-weight:bold;
                width:60px;
            }
            
            .calendarDateCol2
            {
                width:50px;
            }
            
            .calendarTblNoHdr
            {
            }
            
            .calendarTblNoHdr td,.calendarHdr td,.calendarTbl table td
            {
                padding:0;
                border-top:none;
            }
            
            #calendarPage
            {
                background-image:url('../images/news/calendarBG.jpg');
                background-repeat:no-repeat;
                background-position:left top;
                float:left;
            }
            
            #mewsNewsArchive h1
            {
                margin-left:0;
            }
            
            #mewsNewsArchive
            {
                padding:14px 14px 14px 14px;
                background-image:url('../images/news/mewsNewsBG.jpg');
                background-position:left top;
                background-repeat:no-repeat;
                height:570px;
            }
            
            html>body{
                height:auto;
                min-height:570px;
            }
            
            
            
           #carsSold
           {
                  width:600px;
           }
           #carsSold p
           {
                width:584px;
                padding:5px 5px 5px 9px;
                margin:0;
                float:left;
                font-size:1.1em;
           }
           #carsSold span
           {
                display:none;
                float:left;
                margin-top:20px;
                text-align:center;
                width:199px;
           }
           #carsSold a
           {
                color:#A40031;
           }
           .clearBoth
           {
                clear:both;
           }
           .topGalleries
           {
                list-style-type:none;
                margin:0;
                padding:0;
                border-color:#000000;
                border-style:solid none none solid;
                border-width:1px;
                font-size:0.8em;
           }
           .topGalleries li
           {
                float:left;
                margin:0;
                padding:0;
                border-color:black;
                border-style:none solid none none;
                border-width:1px;
                background-color:black;
                color:white;
           }
           .topGalleries li a, .topGalleries li a img, .topGalleries li a span
           {
                display:block;
           }
           .topGalleries li a span
           {
                clear:both;
                text-align:center;
                text-transform:uppercase;
                padding-top:3px;
                padding-bottom:4px;
                margin:0;
                border-bottom: solid 1px black;
                background-color:White;
           }
           .topGalleries li a, .topGalleries li a img
           {
                color:Black;
           }
           .topGalleries li a:hover img 
           {
                opacity:0.7;    
                filter:alpha(opacity=70);
	            -moz-opacity: 0.7;
           }
           .topGalleries img
           {
                border-color:Black !important;
                border-style: none none solid none !important;
                border-width:1px !important;
           }
           .topGalleries span
           {
                margin-left:5px;
                margin-top:3px;
                display:block;
           }
           .topGalleries ul
           {
                list-style-type:none;
                margin:0;
                padding:0;
           }
           .topGalleries ul li
           {
                margin-left:10px;
                text-transform:uppercase;
           }
           .topGalleries li ul li
           {
                border:0pt none;
                float:none;
                margin:4px 0pt 4px 15px;
           }
           .topGalleries li ul li a
           {
                display:block;
                padding-left:10px;
                background-image:url(../images/shop/listingArrowWhite.gif);
                background-repeat:no-repeat;
                color:White;
                
           }
           ul#otherGalleries li a span, .otherGalleriesLite li a span
           {
                clear:both;
                display:block;
                padding:2px 2px 2px 15px;
                text-align:left;
                width:81px;
                background-image:url(../images/shop/listingArrowWhite.gif);
                background-position:5px 5px;
                background-repeat:no-repeat;
                font-weight:normal;
           }
           
           
           .horizBreak
           {
                clear:both;
                background-color:White;
                margin: 20px 0px 5px 0px;
                display:block;
                width:600px;
                height:1px;
                float:left;
           }
           
           .box
           {
                display:block;
                clear:both; 
           }
           