﻿
/* - - - - - - - - - - - - - - - - - - - - Overall Layout - - - - - - - - - - - - - - - - - - - - >>> */
a, a:hover, a:active, a:focus, a:visited {
outline: 0;
}

.ssa-button{ cursor: pointer;}

html {}
body {font-family: WorkSans, Tahoma, Geneva, sans-serif; color: #5c5c5c; background-color: #4E4E4E; }
.container 
{
    position: relative;
	margin: 0 auto;
	width: 982px;
	position: relative;
}
    .discover-bg {}

/* ----------------- header --->>> */

.main-header {
	background: url(../../images/reflect/base/Reflect_BG.png) repeat-x;
	height: 57px;
	border-top:1px solid #2d2d2d;
	border-left:1px solid #2d2d2d;
	border-right:1px solid #2d2d2d;
	width: 980px;
    z-index: 999;
}
	.main-header .header-logo 
	{
	    position: absolute;
	    margin: 12px 0 0 12px;
	    width: 180px;
	    height: 54px;
	    background: url(../../images/reflect/base/Reflect_Logo.png) no-repeat;
	}

.main-nav
{
    position: absolute;
    left: 230px;
    top: 1px;
    height: 57px;
    width: auto;
    z-index: 1000;
}
    .main-nav a:hover {
        color: #FFF;
        text-decoration: none;      
    }
    .main-nav{background: url(../../images/reflect/base/Reflect_BG.png) repeat-x;}
    
    .main-nav .on{background: url(../../images/reflect/base/Header_UnderBorder.png) no-repeat; width: 155px; height: 58px; }
    
    .main-nav .mainmenu {
        float:left;
        margin: 0;
        width: auto;
        height: 57px;
        padding: 25px 25px 3px 25px;
        font-size: 15pt;
    }
    /*.ie7 .main-nav li {line-height: 20pt;padding-top: 23px;}*/

    .main-nav li .highlight {color: #ffffff;}
    .main-nav li a {color: #7C8189;}

/*main nav sub menu*/
.main-nav li ul {
   display: block;
   *display: none;
   width: 10em; 
   background-color: #000;
}

.ie7 .main-nav li:hover ul, .ie7 .main-nav li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
}

.main-nav li:hover li, .main-nav li.hover li {
   float: none; 
}
.main-nav li:hover li a, .main-nav li.hover li a {
   color: #fff; 
   font-size: 0.7em;
}
.main-nav li li:hover, .main-nav li li a:hover {
   background-color: #bbb;
}

.mainmenu-nav {
    display: none;
    position: relative;
    margin: 0;
    padding-top: 15px;
    z-index: 2;
}

.mainmenu-ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 2;
}

.mainmenu-ul li {
    display: block;
    z-index: 2;         
}

.submenu {
    height: 25px;
    padding: 5px;
}

.ie7 .submenu {
    vertical-align: bottom;
}

.submenu a {
    font-size: 0.7em;
}
    
.button-nav
{
    position: absolute;
    right: 10px;
    top: 1px;
    height: 57px;
    width: 100px;
}
    
    .button-nav ul
    {
        width: 235px;
        float: left;
    }
    .button-nav li {
        float: left;
        width: 90px;
        height: 29px;
        margin-left: 8px;
        margin-top: 15px;
        padding-top: 6px;
        text-align: center;
        color: #999;
        font-size: 10pt;
        font-family: WorkSans SemiBold, Tahoma, Geneva, sans-serif;
        cursor: pointer;
    }
    .button-nav a { text-decoration: none; }
    
    .button-nav .sign-in {background: url(../../images/reflect/base/BuyNow.png) no-repeat; }
    .button-nav .sign-in:hover {background: url(../../images/reflect/base/BuyNowHover.png) no-repeat; }
    .button-nav .sign-in .sign-in-text {color: #ffffff;}
   
/* ----------------- main --->>> */

.main {
    min-height: 555px;
}
	.main-section 
	{
	    
	}
		
.clear {
    clear: both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ----------------- footer --->>> */

.main-footer {
	width: 982px;
}
    .footer-top {
	    background: url(../../images/reflect/base/Header_BG.png) repeat-x;
        height: 37px;
        margin: 0;
        border-top: solid 1px black;
    }
    .footer-bottom {
	    background: url(../../images/reflect/base/Footer_Bottom_BG.png) repeat-x;
        height: 23px;
        margin: 0;
        border-top: solid 1px black;
    }

	.main-footer .footer-logo-top-hogan 
	{
	    position: absolute;
	    margin: 3px 0 0 10px;
	    width: 30px;
	    height: 31px;
        background: url(../../images/reflect/base/Hogan_Logo.png) no-repeat;
	}
	.main-footer .footer-logo-top-hogan-text
	{
	    position: absolute;
	    font-size: 8pt;
	    margin: 20px 0px 0px 45px;
	    color: #7C8189;
	}
	.main-footer .footer-logo-top-gmac 
	{
	    position: absolute;
	    margin: 9px 0 0 870px;
	    width: 74px;
	    height: 30px;
        background: url(../../images/reflect/base/GMAC-Logo.png) no-repeat;	    
	}
	.main-footer .footer-bottom .footer-logo-bottom {
	    font-size: 8pt;
	    margin: 3px 0px 0px 500px;
        color: #7C8189;
	}	
    .footer-nav{margin: 0px 20px 0 0px;}
        .footer-nav li:first-child {background-image: none;}
        .footer-nav li 
        {
            background: url("../../images/reflect/base/About_nav_sep.png") no-repeat scroll left 6px transparent;
            font-size: 9px;
            padding: 3px 8px 0 8px;
            float: left;
            color: #7C8189;
        }
        .footer-nav li:hover{color: #FFF;cursor:pointer;}
