@charset "UTF-8";
#sp-bottom .newsletter-signup form {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex
}
#sp-bottom .newsletter-signup form input[type=text] {
 background:#323136;
 border:none;
 border-radius:3px 0 0 3px;
 color:rgba(255,255,255,.6);
 padding:10px 20px;
 height:46px
}
.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 5px 10px;
}
.white:hover {
	color: #333;
	background-color: #f9f9f9;
}
.beige {
	color: #000;
	background-color: #f9f4ed;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
}

.greys {
	color: #333;
	background-color: #f9f9f9;
	margin: 0 auto 5px auto;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
}
.greys:hover {
	color: #333;
	background-color: #f1f1f1;
}
.reds {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #cc3333;
	padding: 5px 10px;
}
.blues {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #3266ad;
	padding: 5px 10px;
}
.greens {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #99cc33;
	padding: 5px 10px;
}
.oranges {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #f57900;
	padding: 5px 10px;
	min-height: 90px;
}

.colors {
	color: #222;
	margin: 0 auto 10px auto;
	padding: 5px;
}

.mod-wrapper h3{  margin: -3px -4px 3px -4px; line-height:34px; padding: 2px 10px; background:url(../images/h3_mod.png) repeat-x 0 100%;}

.dark {
	background-color: #444;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 5px;
}

.dark a { color: #ddd !important; text-decoration: underline;}

.module h3{font-size: 150%;}

.colors, .oranges, .greens, .blues, .reds, .greys, .beige, .white, .dark {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.colors:hover, .oranges:hover, .greens:hover, .blues:hover, .reds:hover, .greys:hover, .beige:hover, .white:hover, .dark:hover {
	transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-webkit-transform:translateY(-10px)}}

#sp-tops {
    padding: 10px 0px;
}