﻿/* ModCap Skin Modifications example */
/* Styles used by SKIN */
/* by David Lee */


/* All the CSS below is used for the ModCop skin in this project */

.defaultSkin .tabs-nav li
{
	/* stop inactive tabs being moved down */
	margin-top: 0px;
}
._Skins_Clearswift_HTML5CallOutEmailSkin .tabs-nav li#IndexTab.tabs-nav-inactive:hover,
._Skins_Clearswift_HTML5CallOutEmailSkin .tabs-nav li#IndexTab.tabs-nav-inactive:focus,
._Skins_Clearswift_HTML5CallOutEmailSkin .tabs-nav li#TocTab.tabs-nav-active:hover,
._Skins_Clearswift_HTML5CallOutEmailSkin .tabs-nav li#TocTab.tabs-nav-active:focus{
background:#eeeeee;
color:#808080; 
}
.tabs-nav li.tabs-nav-active
{
	/* set active tab background */
	background: #c0c0c0;

}

.tabs-nav li.tabs-nav-inactive
{
	/* remove box shadow from inactive tabs */
	box-shadow: none;
}

li.tabs-nav-inactive:hover,
li.tabs-nav-inactive:focus
{
	/* add a hover colour on inactive tabs */
	border-bottom: solid 2px #96BCF7;
	
}

div#header,
div#responsiveHeader
{
	/* adds a border below the desktop and responsive headers */
	border-bottom: 40px solid #00A3DB;
}

span.logo {
    z-index: -1;
    position: absolute;
    right: 10px;
    top: 3px;
    width: 225px;
    height: 80px;
    background: url(/Appliance/Images/Header/company-logo.png) no-repeat;
    background-size: contain;
    background-position: right center;
}