/*** Include Defaults
------------------------------------------*/

 @import url("dianomiResponsiveDefault.css");


/*** Tablet Edits
------------------------------------------*/


#dianomiResponsivePromo span.submit
{
	float: right;
	cursor: pointer;
	width: 200px;
	padding: 10px 10px 8px 10px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	text-shadow: 2px 2px 3px #111;
	-webkit-box-shadow: 0px 1px 5px #333;
	-moz-box-shadow: 0px 1px 5px #333;
	box-shadow: 0px 1px 5px #333;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 10px 0;
	}


#dianomiResponsivePromo span.submit:hover {
	-webkit-box-shadow: inset 0px 1px 5px #333;
	-moz-box-shadow: inset 0px 1px 5px #333;
	box-shadow: inset 0px 1px 5px #333;
	}



#dianomiHead {
	padding: 10px 0;	
	}

#dianomiHead #logo {
	width: 280px;
	float: none;
	margin-left: 10px
	}

#dianomiShell {
	width: 100%;
	}

#dianomiHeadBottom {
	display: none;
	}

#dianomiNav,
.dianomiLayoutTableNav {
	display: none !important;
	}

div.dianomiLayoutTableContent {
	width: 100%;		
	display: block;
	margin: 0 auto;
	padding: 0 !important;
	}

#dianomiContent {
	width: 630px;
	margin: 0 auto;
	float: none;
	max-width: none !important;
}

/* Directory
*****************************/

body {
	background: none;
	}

.clear {
	clear: both;
	}

#dianomiShell {
	width: auto;	
	}

#dianomiHead {
	padding: 10px 0;	
	}

#dianomiHead #logo {
	width: 280px;
	float: none;
	margin-left: 10px
	}

#dianomiNav,
.dianomiLayoutTableNav {
	display: none;
	}

#dianomiBody {
	width: auto;
	padding: 0;
	margin: 0;
	}

#dianomiContent {
	width: auto;
	}

.dianomi {
	width: 100%;
	margin: 0;
	}

.dianomiLayoutTableContent {
	padding: 5px;
	}

.dianomi #directory-header {
	border: 0px;
	margin: 15px 0;
	padding: 0px;
	width: 100%;
	}

#directory-header-cell-left {
	float: left;
	text-align: left;
	width: 65%;
	}

#directory-header-cell-right {
	float: right;
	}

.dianomi h1.header-heading1,
.dianomi h2.header-heading1,
.dianomi p.header-para1 {
	margin: 0 0 10px 0;
	}

img.header-hero {
	max-width: 200px;
	margin: auto !important;
	display: block;
	position: relative !important;
	top: auto !important;
	}

div.offerTable {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f9f9f9;
	border-width: 1px 0 0 0;
	padding: 10px 0;
	clear: both;
	}

div.offerRow {
	clear: both;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #dfdfdf;
	}

div.productContainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 25%;
	padding: 5px;
	text-align: center;
	height: 100%;
	}

p.productText {
	height: 28px;
}

div.productContainer a {
	font-family: arial, helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	}

div.offerRowHeading {
	color: #417489;
	padding: 15px 10px 13px 5px !important;
	font-size: 14px;
	background: gainsboro;
	font-weight: bold;
	}

div.highlightedProduct {
	height: 250px;
	}

/*** Cobrand
****************************************/

#dianomiHead.header-logo-gradient, #dianomiHead.header-no-logo-gradient  {
        /* CSS Gradient background */
        background: #0c243b;
        background: -moz-radial-gradient(center, ellipse cover,  #0c243b 0%, #030f21 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0c243b), color-stop(100%,#030f21));
        background: -webkit-radial-gradient(center, ellipse cover,  #0c243b 0%,#030f21 100%);
        background: -o-radial-gradient(center, ellipse cover,  #0c243b 0%,#030f21 100%);
        background: -ms-radial-gradient(center, ellipse cover,  #0c243b 0%,#030f21 100%);
        background: radial-gradient(ellipse at center,  #0c243b 0%,#030f21 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c243b', endColorstr='#030f21',GradientType=1 );

        padding: 10px;
        position: relative;
}

#dianomiHead.header-logo-gradient #logo {
        background: #ffffff;
        padding: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: absolute;
        left: 20px;
        top: 0;
        width: auto;
        min-width: 0;
        box-shadow: 0 4px 4px rgba(0,0,0,0.3);
}

#dianomiHead.header-logo-gradient #logo img {
        max-width: 200px;
        height: auto;
        max-height: 60px;
}

#dianomiHead.header-logo-gradient .img_right img {
        max-width: 100px;
        padding: 10px;
}

.header-no-logo-gradient .img_right img {
	max-width: 100px;
	padding: 10px;
}

#dianomiHeadBottom.header-logo-gradient {
        border-width: 0;
        margin-bottom: 10px;
}


/* Disclaimer  */
.dianomi {
	margin: 0 !important;
	padding: 0px;
	box-sizing: border-box;
}

.legal-footer {
	padding: 0;
	max-width: 100%;
}

div#disclaimer {
	text-align: center;
	color: #0C1639;
}

div.disclaimer-footer, div.disclaimer-footer a {
	background-color: #0C1639 !important;
	color: #fff !important;
	text-align: center;
	color: #0C1639;
	font-size: 10px !important;
	padding: 0;
}

div.disclaimer-text {
	padding: 10px 20px;
	max-width: 640px;
	margin: 0 auto;
}

.disclaimer-links {
	padding: 5px 0 0;
}

div#disclaimer, div#disclaimer a, div.disclaimer-text {
	text-align: center;
	-webkit-font-smoothing: antialiased;
	color: #0C1639;
}

.powered-by-Dianomi {
	text-align: center;
	padding: 10px;
	margin: 10px 20px;
	border-top: 1px solid #fff;
	-webkit-font-smoothing: antialiased;
}

.dianomiLayoutTableContent.dianomiLayoutTableContentNoNav {
	padding: 0;
}