/***************************************
****************************************
    LAYOUT AND STYLES
****************************************
***************************************/


/***************************************
****************************************
    LAYOUT
    ------------------------------------
    DO NOT ADD FORMATTING STYLES TO
    THIS SECTION - IT IS FOR *LAYOUT*
    INFORMATION ONLY. MARGIN AND PADDING
    INFORMATION *SHOULD* GO IN HERE.
****************************************
***************************************/

div#container
{
    margin:0 auto;
    width:960px;
    text-align:left;
}


/**************************************/
/* HEADER */
div#header
{
    height:auto !important; /*ie6 min height*/
    height:165px;
    min-height:165px;
}




/**************************************/
/* CONTENT */

div#main
{
    
}

div#wrap
{    
    width:700px;
    float:left;
}

div#content_inside
{    
    padding:20px 30px;  	
}

/**************************************/
/* RHS / EXTRA INFO */
div#rhs
{    
    float:right;   
    width:246px;
}
/**************************************/
/* FOOTER */
div#footer
{   
    clear:both;
}

/***************************************
    END
***************************************/
/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

    ARE NOT IN USE.


    Reminder: If you're setting a width
    and a padding/margin you're looking
    for trouble with ie6
    http://css.maxdesign.com.au/listamatic/about-boxmodel.htm


****************************************
***************************************/

/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    .hidetext,
    #logo
    {
        text-indent:0px;
        background: none;
    }   
}


@media print 
{
    /*more styles in tripoli/print.css*/
    div#rhs,
    div#globalnav
    {
        display:none;
    }
}

/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.hidetext{text-indent:-9000px; overflow:hidden;}


/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
*
{
    
}

html 
{
    background:#f0e5f8 url(../images/bg.jpg) top center repeat-x;

    
    
    /*i cant remember the ie7 bg zoom bug atm will fix later*/
    
}


img {}


body
{
    
    font-family: arial, sans-serif;
    color: #4F4F4F;
    font-size: 12px;
    line-height: 1.4;

}

a
{
    color:#F418A9;
    text-decoration:none;
}
/*correct order of psudeo classes*/
a:link{color:#5f3e76;}
a:visited{color:#5f3e76;}
a:hover{color:#999;}
a:active {color:#5f3e76;}

p {padding:0px;margin:12px 0px;}

h1 {font-family: arial, sans-serif;color: #AF96C1;font-size: 25px;font-weight: bold;letter-spacing: -1pt;margin:5px 0px;}
h1 span {font-family: arial, sans-serif;color: #9999CC;font-size: 14px;letter-spacing:normal;font-weight:normal;}
h2 span {font-family: arial, sans-serif;color: #9999CC;font-size: 14px;letter-spacing:normal;font-weight:normal;}
h2 {font-family: arial, sans-serif;color: #AF96C1;font-size: 25px;font-weight: bold;letter-spacing: -1pt;margin:5px 0px;padding-top:15px;}
h4 {font-family: arial, sans-serif;color: #9999CC;font-size: 14px;}
h3 {font-family: arial, sans-serif;color: #AD93C0;font-size: 14px;font-weight: bold;text-transform: uppercase;margin:10px 0px;}
h3 span {color:#493767;}
.color1 {color:#5f3e76}
.grey {color:#999999}
strong {font-weight:bold}
em {font-style:italic}


.float_left {float:left}

.pager {text-align:center;font-size:30px;}

.typepdf {background:#F4E5FF url(../images/pdf.png) no-repeat scroll 6px center;
font-size:14px;
font-weight:bold;
padding:10px 10px 10px 27px;
width:100px;}

address
{
    margin-left:20px;
}

#custom-doc
{  

background:#fff;

}

/*
.transparent_class
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
*/


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}


/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#hd
{    
    height:auto !important;
    height:230px;
    min-height:230px;
    background: transparent url(../images/header.jpg) no-repeat center top;
    position:relative;
   
}


#hd .content_left
{
    padding:60px 10px;
    width:50%;
    height:100%;
    float:left;
    color:#fff;
   

}

.yui-gb {margin:5px 0px}
.yui-u  {margin:20px 0px}
#bd {padding:0px 15px;margin-bottom:20px;}
#ft {background:#EFE3F7 url(../images/footer_bg.gif) repeat-x top left;padding:20px 10px;font-size:11px;color:#000;}

.prev_off{width:51px;height:48px;background: url(../images/prev_off.gif) no-repeat top center;}
.next_off{width:51px;height:48px;background: url(../images/next_off.gif) no-repeat top center;float:right}

#homes {width:950px;}
#homes .image {height:207px;width:276px;border:11px solid #DFDFDF;background:#fff url(../images/loading.gif) no-repeat center center;}
#homes .yui-u {width:290px;position:relative;}

#home_details {display:block;}
#home_details ul {}
#home_details li {padding:3px 0px 3px 5px;}
#home_details  #main_image{height:375px;width:500px;border:11px solid #DFDFDF;background:#fff url(../images/loading.gif) no-repeat center center;margin-top:9px; overflow:hidden;background:#FFFFFF url(../images/loading.gif) no-repeat scroll center center;}
#home_details .details{float:left;width:380px;}
#home_details .details h2 {margin:0px;padding:0;}
#home_details .images ul {}
#home_details .images ul li {}
#home_details .imageBlock{float:right;width:535px;overflow:hidden;margin-left:10px;}


.float_left {float:left}
#home_details ul.detail_s {background:#f4e5ff;}
#home_details .odd {background:#e9dbf3}

#home_details .number {}
#home_details .manu {}
#home_details .model {}
#home_details .year {}
#home_details .length {}
#home_details .class {}
#home_details .berth {}
#home_details .chass {}
#home_details .engine {}
#home_details .floorplan {}
#home_details .mileage{}
#home_details .price{font-size:37px;padding:23px 0px;text-align:center;}
#home_details .price_offer{display:block;font-size:12px;color:#000}

strong.return {}

#home_details ul.thumbs {margin-top:8px;}
#home_details ul.thumbs li {display:inline;margin-right:8px;padding:0}
#home_details ul.thumbs li img{border:9px solid #DFDFDF}
#home_details ul.thumbs li img:hover {}

#cta {font-size:14px;padding:28px 10px 10px 10px;text-align:center;}

.more_info {background: url(../images/more_info.gif) no-repeat top center;width:78px;height:26px;position:absolute;right:0;top:192px;left:209px; cursor:pointer;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:313px;height:400px;overflow:hidden;}

.info {float:left;padding:0px 0px 0px 10px;width:65%;}

span#prevBtn{float:left}
span#nextBtn{float:right;margin-right:18px;}		


#ft .left{width:590px;float:left;}
#ft .right{float:right;text-align:right;width:35%;}

.list_item {float:left;width:100%;margin:10px 0px 10px 0px;position:relative; display:inline;}


.image_list {float:left;height:207px;width:276px;border:11px solid #DFDFDF;background:#fff url(../images/loading.gif) no-repeat center center;}

#listings{text-align:left}
#listings ul{}
#listings ul li{float:left;width:300px;margin-right:15px;padding:0px;height:400px}
#listings .yui-u {}

#hd #globalnav
{
    padding:92px 11px;
    height:100%;
    float:right;
    color:#fff;
    font-size:14px;
}

   

    #hd #logo
    {
        background: url(../images/logo.gif) no-repeat center top;
        display:block;
        height:158px;
        position:absolute;
        top:60px;
        width:440px;
        text-indent:-9000px;
        overflow:hidden;
    }

    #header #ad
    {
        background:#797979;
        float:right;
        margin:15px 0 0 0;
        width:725px;
        height:90px;
    }    

    #header #contact
    {
        color:#fff;
        float:right;
        font-size:15px;
        margin:20px 0 0 0;
        clear:right;
    }   
               
        #header #contact em
        {
            font-weight:bold;
            font-style:normal;
            padding-right:16px;
        }    
        
        #header #contact a
        {
            color:#fff;
            font-weight:bold;
        }    

/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/


#homebox { height:auto!important; height:392px;min-height:392px;background:#eae3ee url(../images/home_box_bg.gif) repeat-x top center; position:relative;}
#homebox  .yui-g {margin:0px;padding:0px;}    
#homebox .content {height:auto!important; height:392px;min-height:392px;width:880px;margin:0px auto;background: url(../images/home_cars.jpg) no-repeat center right;}  
#homebox .content ul {position:absolute;top:31px;font-weight:bold;font-size:16px;}
#homebox .content ul p {font-size:15px;
margin:1px 11px;
width:270px;}
#homebox .content ul li{height:45px;width:320px;background: url(../images/arrow_1.png) no-repeat center center;padding:5px 0;color:#fff;}
#homebox .content ul li.odd {background: url(../images/arrow_2.png) no-repeat center center;color:#6a4c7f;}
#homebox .content ul li:hover {}




#homebox .badge {width:115px;height:175px; position:absolute;right:55px;}

   
#hd #globalnav{ height:auto !important; height:35px;min-height:35px;}
#hd #globalnav ul { }
#hd #globalnav ul li {list-style-type:none;display:inline;margin-right:10px;padding:3px 0px;}


#globalnav a:link{color:#fff;}
#globalnav a:visited{color:#fff;}
#globalnav a:hover{color:#edd5fc;border-bottom: solid 5px #c8adda;}
#globalnav a:active {color:#fff;}

.selected{border-bottom: solid 5px #c8adda;}


.contact {color:#5F3E76;float:right;font-size:17px;font-weight:bold;left:364px;position:absolute;top:144px;text-align:right;width:580px;}
	    
#bottom_nav{margin:0px auto;width:600px; text-align:center;font-size:10px;color:#5f3e76;padding:17px 0;clear:both;}
#bottom_nav ul {}	    	    
#bottom_nav ul li{display: inline;padding:0px 5px;border-right:solid 1px #ccc;}	


#page {width:600px;margin:10px auto;text-align:center;}
#page ul {}
#page ul li{background:#A188B2 none repeat scroll 0 0;clear:both;color:#FFFFFF;display:inline;font-size:14px;font-weight:bold;padding:5px 10px;width:0px;   margin-right:10px; text-align:center;}
#page a:link{color:#fff;}
#page a:visited{color:#fff;}
#page a:hover{color:#493767;border-bottom: solid 5px #c8adda;}
#page a:active {color:#fff;}
#page .page_on {color:#493767;border-bottom: solid 5px #c8adda;}

    
            
    
/***************************************
    BREADCRUMB STYLES: #breadcrumb
    ------------------------------------
    Style rules for the breadcrumb
    only.
***************************************/
#breadcrumb
{

float:right;
}


/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#main
{    
    
}
    #main .something
    {
        
    }
    
/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{
}
		


/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    
}
	

#sitemap{padding:0px 10px; }

.pager strong {border-bottom:solid 2px #ccc;}

/*cms fix*/
#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color:inherit !important;
    font-size:inherit !important;
}
	
/* Tables */
#content table
{
    
}
    #content table caption
    {
        caption-side:bottom;
    }
    
    #content table thead
    {
        
    }
    
    #content table tbody
    {
        
    }

    #content table td
    {
    }

    #content table th
    {
        
    }

    #content table .odd
    {
        
    }
    
    
/* Lists */
#content ol
{
}
#content ul
{
}   
    #content li
    {
    }


/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/

/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    background:none;
    padding:10px 0;
}
    #footer .top
    {
        margin:0;
    }

	#footer .footerleft
	{
	    padding-left:130px;
	}

	#footer .footerbottom
	{
	    
    }

	

/***************************************
    WIDGET STYLES: content and rhs
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/



/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/


/***************************************
    JAVASCRIPT STYLES
    ------------------------------------
    Style rules for specific javascript
    files.

***************************************/


/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:450px;
	margin:0 auto;}
.pika_main{
	width:500px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;}





/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/






/***************************************
    END
***************************************/