/* @override http://www.goodmannersarecontagious.com/new_site/css/styles.css */
@font-face {
	font-family: 'GrizzlyRegular';
	src: url('../fonts/TT0688M_.eot');
	src: local('Grizzly Regular'), local('GrizzlyITCbyBT-Regular'), url('../fonts/TT0688M_.ttf') format('truetype'), url('../fonts/TT0688M_.svg#GrizzlyITCbyBT-Regular') format('svg');
}

@font-face {
	font-family: 'Geometric231Bold';
	src: url('../fonts/TT1128M_.eot');
	src: local('Geometric231 Bold'), local('Geometric231BT-BoldC'), url('../fonts/TT1128M_.ttf') format('truetype'), url('../fonts/TT1128M_.svg#Geometric231BT-BoldC') format('svg');
}

@font-face {
	font-family: 'Geometric231HeavyRegular';
	src: url('../fonts/TT1129M_.eot');
	src: local('Geometric231Heavy Regular'), local('Geometric231BT-HeavyC'), url('../fonts/TT1129M_.ttf') format('truetype'), url('../fonts/TT1129M_.svg#Geometric231BT-HeavyC') format('svg');
}


@font-face {
	font-family: 'AvantGardeCond';
	src: url('../fonts/ITCAvantGardeStd-BkCn.eot');
	src: local('../fonts/ITC Avant Garde Gothic Std Book Condensed'), local('ITCAvantGardeStd-BkCn'), url('ITCAvantGardeStd-BkCn.ttf') format('truetype'), url('../fonts/ITCAvantGardeStd-BkCn.svg#ITCAvantGardeStd-BkCn') format('svg');
}

div#content-bot.press {
	padding-top: 140px;
	overflow: none !important;
	width: 768px;
	float: left;
	clear: both;
}

p.qAnswer {
	text-indent: 10px;
	color: #c81613 !important;
}


h2.media {
	text-align: left !important;
}

td.al>form>h1{
	padding-top:20px;
	font-size: 24px !important;
	line-height: 30px;
}


div#content-bot h1 {
	font-family: grizzlyRegular;
	font-size: 36px;
	color: #2d2d2d;
	margin-left: 10px;
}

h1.shopTitle {
	font-size: 30px !important;	
	color: #2d2d2d !important;
}


#content-bot div table.vt tbody tr td.al.vt form p.shopProduct {
	float: left;
	width: 550px;
}

#content-bot div table.vt tbody tr td.al.vt form p.shopPrice {
	font-size:21px;
	float: left !important;	
	width: auto;
	clear: left;

}

#content-bot div table.vt tbody tr td.al.vt form input.submitbtn {
	margin-left: 15px;
	background: url(../images/submit.png) no-repeat;
	width: 125px;
	height: 41px;
	font-size: 18px;
	font-family: GrizzlyRegular, Arial, sans-serif;
	line-height: 40px;
	color: #fff;
	border: 0;
	text-shadow: #000 1px 1px;
	top: 10px;
	margin-top: 10px;
	float: left;
	cursor: pointer;
}

p.al {
	float: left;
	width: auto !important;
}

#content-bot div table.vt tbody tr td.al.vt form select {
	float: left;
	clear: both;}

#content-bot div table.vt tbody tr td.al.vt form div {
	width: 400px;
}

.indented {
	padding-left: 20px;

}

.indented a {
	font-size: 13px !important;
}


.sitemap {
	text-align: left;
	width: 300px;
	float: left;
	list-style: none;
}

#mapHolder {
	float: left;
	padding: 10px;	
	margin-left: 50px;
}

.sitemap a {
	font-family: GrizzlyRegular;
	font-size: 16px;
	color: #737373;

}

#content-bot div table.vt tbody tr td.al.vt form div {
	margin-top: -10px;
	margin-bottom: 10px;
	float: left;}

#content-bot div table.vt tbody tr td.al.vt form p.al strong {
	float: left !important;
	clear: none;
}


div#content-bot ul#press {
	list-style: none;
	text-align: left;
	font-family: Arial, Verdana , sans-serif;
	padding-left: 35px;
	width: 733px;
	background: url(../images/pressBg.png) no-repeat top right;
}

div#content-bot ul#press li {
	border-top: 1px solid #e6e6e6;
	line-height: 40px;
	padding-left: 40px;
	background: url(../images/list-item.jpg) no-repeat 10px 8px;
	margin: 0;
	width: 650px;
	margin-bottom: -2px;
	color: #040404;
}
div.person {
	width: 725px;
	overflow: auto;
	border-top: 1px solid #e6e6e6;
	margin-left: 10px;
	padding-bottom: 20px;
}
#content-bot div.person h2 {
	text-align: left;
	font-family: GrizzlyRegular;
	color: #2d2d2d;	
	font-size: 25px;
	margin: 14px 0;

}

#content-bot div.person img {
	float: left;
	margin-top: 4px;
}

#content-bot div.person p {
	float: right;
	width: 595px;
	margin: 0;
}
a.readMore {
	display: inline-block;
	line-height: 26px;
	width: 72px;
	text-align: center;
	background: url(../images/readMore.png) no-repeat;
	color: #afafaf;
	font-family: grizzlyregular, arial, verdana, sans-serif;
}

a.readMore:hover {
	text-decoration: underline;
}

div#content-bot ul#press li:last-child{
	border-bottom: 1px solid #e6e6e6;
}

#content-bot p {
	font-family:'Arial Narrow', sans-serif;
	line-height: 20px;
	text-align: left;
	color: #0c0c0c;
	width: 750px;
}

#item2 p, #item3 p {
	float: left;
}

body
{
	COLOR: #000000;
	FONT-SIZE: 10px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial;
	font-variant: normal;

	
	background: #030303 url(../images/bg.png) repeat-x;
	text-decoration: none;
	text-align:center;
	min-height: 1092px;
	margin: 0px !important;
	padding: 0 !important;
	position: relative;
	z-index: -100;
}

html {
	background: #030303;
	z-index: -999;
	position: relative;
}

div#bodyTop {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: -1;
	background: url(/new_site/images/pagelayout/bodybgTop.png) repeat-x;
	height: 420px;
}

#bodyBottom {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: url(/new_site/images/pagelayout/bodybgBottom.png) repeat-x;
	height: 590px;	
	margin-bottom: -20px;
}


A
{
	FONT-SIZE: 12px;
	COLOR: #fb5e00;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: transparent;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #c0c0c0;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    border: 0;

}


a img {
	border: 0;
}

.sidenavcontent a 
{
	FONT-SIZE: 15px;
	COLOR: #fff;
	FONT-weight: bold;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: transparent;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	margin-bottom: 20px;
}
.sidenavcontent a:hover  
{
    COLOR: #FFF;
	FONT-weight: bold;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}


#wrapper{
position: relative;
width: 1011px;
margin:0px auto;
padding-top: 65px;
font-family: Arial, Helvetica, Tahoma;
z-index: 0;
}


#header{
width: 1011px;
text-align: center;
margin:0px auto;


}

#navbar{
height: 76px;
BACKGROUND: url("/new_site/images/pagelayout/bg-nav.png") no-repeat 1px 0;
margin-left: 33px;
overflow: hidden;
border-bottom: 0px solid #fff;
padding-top: 20px;
padding-right: 20px;
}

ul.navigation {
	width: 775px;
	list-style: none;
	float: left;
	clear: both;
	padding-left: 200px;
	margin-top: -2px;
}

ul.navigation li {
	float: left;
	color: #fff;
	line-height: 36px;
}

ul.navigation li a {
	font-family: GrizzlyRegular;
	position: relative;
	color: #fff;
	margin-top: 1px;
	padding: 0 22px;
	font-size: 16px;
	display: block;
	line-height: 36px;
	text-transform: uppercase;
}

ul.navigation li a:hover {
	background: url(/new_site/images/pagelayout/navHover.jpg) repeat-x;
}

#gmac-logo {
	position: absolute;
	top: 50px;
	left: 40px;
	float: left;
	z-index: 99; 
	margin: 0 0 -200px 0; 
	padding: 0px; 
	width: 211px; 
	height: 205px;
}




#content{
}


#content img{ 
border: 0px solid #FFFFFF; 
}

#content-bot div table.vt tbody tr td.al.vt form a img {
	margin-right: 20px;
}




#content-left {
float: left;
position: relative; 
text-align: left;
z-index: 0;
background-repeat: no-repeat;
font-family: Arial, Helvetica, Tahoma;
font-size: 12px;
FONT-WEIGHT: normal;
color:#ffffff;
width:240px; 
min-height: 550px;
margin-left: 0px; 
margin-top: -50px;
padding: 0px;
}

p.clear {
	clear: both;
	border: 0 !important;
}


#leftBgTop {
	z-index:0;
	width: 240px;
	height: 335px;
	BACKGROUND: url("/new_site/images/pagelayout/sidebar-top.png") no-repeat -12px 0px;

}

div#contentWrapper {
	position: relative;
	background: url(/new_site/images/pagelayout/central.png) repeat-y 0px 0;
	z-index: -1;
	margin-top: 50px;
	overflow: none;
	padding-bottom: 20px;
	margin-bottom: -10px;
	min-height: 530px;	
}


#leftBgMiddle {
	width: 171px;
	padding-left: 30px;
	margin-top: -250px;
	z-index: 100;
}




#leftBgBottom {
	position: absolute;
	bottom: -6px;
	left: 0;
	z-index: -1;
	background: url(/new_site/images/pagelayout/sidebar-bottom.png) no-repeat  14px bottom;	
	height: 250px;
	width: 250px;
	margin-top: -200px;
}

#content-top {
	background: url(/new_site/images/pagelayout/cont-top.png) no-repeat;
	width: 769px;
	height: 90px;
	padding: 0px; 
	margin: 0px; 
	background-color: #fff;
	position: absolute;
	top: -50px;
	left: 0;
	z-index: 0;
	margin-bottom: -100px !important;
}

div.apperearances {
	float: left;
	width: 210px;
	height: 210px;
	padding: 15px 26px;
	background: url(../images/featuredApp.png) no-repeat;
	
}

div.apperearances img.bigApp {
	float: left;
}

#content-bot div.apperearances h5 {
	font-family: GrizzlyRegular, sans-serif;
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 12px;
	margin: 0;
	color: #575757;
}


#content-bot {
	position: relative;
	top: -115px;
	left: 0;
	background-repeat: no-repeat; 
	background-position: bottom; 
	width: 746px;
	overflow: hidden;
}

div#content-bot.shop-content {
	top: 0;	
	float: left;
	clear: both;
	padding-bottom: 60px;
}


div#content-bot.shop-content * p{
	font-size: 12px;
	float: left;
	text-align: left;
}

#content-bot div table.vt tbody tr td.al.vt form {
	text-align: left;
	line-height: 24px;
}

#content-bot div table.vt tbody tr td.al.vt form p.al strong {
	float: left;
}




/*#content-bot div table.vt tbody tr td.al.vt form select {
	float: left;
	clear: both;
}*/

#form {
	float: left;
	overflow: hidden;
	width: 276px;
}

#form input {
	width: 246px;
	padding: 10px 15px;
	background: url(../images/inputBg.png) no-repeat;
	border: 0;
	color: #b8b8b8;
		font-family:Arial, Verdana , sans-serif;
	margin-bottom: 5px;
}

#form textarea {
	background: url(../images/txtAreaBg.png) no-repeat;
	width: 247px;
	max-width: 247px;
	height: 80px;
	padding: 15px 14px;
	border: 0;
	color: #b8b8b8;
	font-family: Arial, Verdana , sans-serif;	
	overflow: hidden;
	margin-bottom: 5px;
}

#content-bot div.form {
	overflow: hidden;
	padding: 10px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	height: 455px;
	width: 700px;
	margin-left: 10px;
	margin-top: 130px;
}

div.form img {
	float: right;
	margin-top: 52px;
}

#content-bot p.us {
	float: right;
	width: 405px;
	font-size: 14px;
}

#form p {
	font-size: 14px;
}

#content-bot quote {
	float: left;

	line-height: 20px;
	font-weight: bold;
	clear: both;
}

#content-bot h3 {
	font-family: GrizzlyRegular;
	color: #040404;
}

#form a.smallBtn {
	background: url(../images/submit.png) no-repeat;
	width: 123px;
	line-height: 45px;
	height: 43px;
	float: right;
}

img.smallApp, img.smallAppSelected, img.arrow {
	float: right;
}

img.smallApp{
	margin-bottom: 5px;
	background: url(../images/smallApp.png);
}
img.smallAppSelected  {
	margin-bottom: 5px;
}
img.arrow{
	margin-right: 22px;
	margin-bottom: 5px;
}


#content-div {
position: relative;
float: left;
font-family: Arial, Helvetica, Tahoma;
font-size: 12px;
font-weight: normal;
color:#000;
width:740px; 
margin-bottom: -130px;
}

div#links {
	float: right;
	width: 425px;
	height: 220px;
	padding: 10px 15px;	
	background: url(../images/linksBg.png) no-repeat;
}

#links p {
	font-family: Arial, Verdana , sans-serif;
	font-size: 11px;	
	line-height: 12px;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #d7e4eb;
}

#links h4 {
	font-family: GrizzlyRegular;
	font-size: 24px;
	padding: 0;
	margin: 0;
	text-align: left;
	
}

div#links ul {
	margin-top: 5px;
	list-style: none;
	float: left;
	text-align: left;
	padding: 0 !important;
	width: 208px;	
}

div#links ul li {
	width: 100%;
	height: 36px;
	float: left;
	padding: 0;
}

div#links ul li a {
	padding-left: 10px;
	display: block;
	line-height: 41px;
	color: #fff;
	font-family: Geometric231HeavyRegular;
	font-size: 14px;
	text-transform: uppercase;
	background: url(../images/linkImg.png) no-repeat;
}

div#links ul li a:hover {
	text-decoration: underline;
}


h1 {
text-align: left;


font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color:#000;

margin: 0px;
}


h3 {
text-align: left;
width: 397px; 
height: 29px; 
font-family: Comic Sans, Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
color:#e7d9bc;
padding: 0px;

margin: 0px;
}


#footer{
width: 1000px;
height: 107px;
BACKGROUND: url("/new_site/images/pagelayout/footer.png") no-repeat -2px -53px;
text-align: right;
margin:0px auto;
color: #c0c0c0;
padding: 5px;
font-size: 9px;
z-index: 99;
position: relative;
}

#content-bot div table.vt tbody tr td.al.vt form h1 {
	font-size: 20px;
}

#content-bot div table.vt tbody tr td.al.vt form {
	overflow: hidden;
	margin-bottom: -10px;
}


.footer img{ 
border: none;
}

p.copy {
	color: #fefefe;
	margin: 0;
}

#footer-social {
	float: left; 
	margin-left: 55px;
	margin-top: 70px;
}

#leftBgMiddle h4 {
	font-family: GrizzlyRegular;
	font-weight: normal;
	font-size: 17px;
	line-height: 27px;
	margin: 0;
	padding-bottom: 10px;
}

a.smallBtn {
	display: block;
	width: 102px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-family: GrizzlyRegular;
	color: #fff;
	font-size: 18px;
	text-shadow: 0px 1px #000;
	background: url(/new_site/images/btnSmall.png) no-repeat;
	float: left;
}

h4.smallCaps {
	margin-left: 20px !important;
}

#leftBgMiddle div a.smallBtn {
	margin: 10px 22px;
}

a.smallBtn:hover {
	text-decoration: underline;
}

img.cover-small {
	margin-bottom: -20px;
	margin-left: 7px;
}

p.divider {
	width: 170px;
	margin-left: -5px;
	border-bottom: 1px solid #c81613;
	border-top: 1px solid #b31411;
}


#footer-links {
	float: right; 
	width: 560px; 
	margin-top: 75px;
	margin-right: 25px; 
	font-size: 13px;  
	font-weight: normal; 
	font-family: Arial, Helvetica; 
	color: #222426;
}

#footer-links a{
	font-size: 11px;  
	font-family: Arial, Verdana, sans-serif;
	color: #222426;}

#footer-links a:hover{
	text-decoration: underline;
}


label { width: 150px; float: left; font-weight: bold; }
label.error { float: right; none; color: red; font-weight: normal; font-size: 10px; padding-left: .5em; line-height: 10px; }



.autoplay { 
	position: relative;
	margin-top: -60px;
	width:720px; 
	height:290px; 
	margin:0px auto;  
	padding:20px 18px; 
	background: url("../images/featuredBg.png") no-repeat -10px -23px; 
}

a.ssHeadline {
	display: block;
	position: absolute;
	top: 10px;
	left: 150px;
	font-size: 46px;
	line-height: 46px;
	font-family: GrizzlyRegular;
	color: #000;
}

p.fPage {
	padding-right: 10px !important;
	width: 745px !important;
}

ul.ssLeft {
	position: absolute;
	left: 20px;
	top: 50px;
	padding: 0;	
	text-align: left;
	color: #575757;
}

ul.ssRight {
	position: absolute;
	right: 20px;
	top: 50px;
	padding: 0;	
	text-align: left;
	color: #575757;
	line-height: 17px !important;
}

ul.ssLeft li, ul.ssRight li {
	padding: 0;
	line-height: 17px !important;
}

.autoplay .tabs, .autoplay .controls { overflow:auto; }
.autoplay .tabs { 
	float:right; 
	width:210px;
	margin: 0px; 
	padding: 0px; 
	overflow: hidden;
}
.autoplay .controls { float:right; }
.autoplay .tabs li, .autoplay .controls li {
	float:left; 
	list-style:none; 
	border:0px solid #444; 
	height: 85px;

	margin:5px 5px 7px 5px; 
	margin-top:0px; }
.autoplay .tabs li a, .autoplay .controls li a { 
	display:block; 
	width:204px; 
	height: 90px;
	line-height:88px !important; 

	text-align:center; 
	color:#fff;
	text-decoration:none; 
	font-family: GrizzlyRegular;
	font-size: 24px;
	background: url(../images/tab.png) no-repeat;

  }
.autoplay .tabs li:hover , .autoplay .controls li:hover {  }
.autoplay .tabs li a.selected , .autoplay .controls li a.selected { background: url(../images/tabHover.png) no-repeat; color: #3d4144;}
.autoplay .items { 
	float:left;
	width:500px;
	height:265px;
	padding:5px; 
	font-family: Arial, Helvetica; 
	font-size: 14px; 
	background: url(../images/itemsBg.png) no-repeat;
}
.autoplay .items div { display:none; }

.cropbox {float: right; width: 200px; height: 140px; overflow: hidden;}

fieldset {margin: 0px; padding: 0px; border: 0px;}
ul {
	padding: 0;
}
ul li {margin-bottom: 10px;}
ol li {margin-bottom: 10px;}


div#mediaHolder {
	float: left;
	width: 701px;
	padding-right: 30px;
	padding-bottom: 25px;
	background: url(../images/mediaBg.png) no-repeat bottom right;
}

a.download {
	display: block;
	margin-right: 20px;
	width: 132px;
	line-height: 38px;
	text-align: center;
	font-family: GrizzlyRegular, Arial, sans-serif;
	color: #afafaf;
	background: url(../images/dlBg.png) no-repeat;
	margin-top: 10px;
}

a.download:hover {
	text-decoration: underline;
}


#mediaHolder div.item {
	float: left;
	clear: both;
	width: 721px;
	padding: 10px 0;
	border-top: 1px solid #dcdcdc;
}

#mediaHolder div.item:last-child {
	border-bottom: 1px solid #dcdcdc !important;
	
}


#mediaHolder div.item h2 {
	float: left;
	line-height: 52px;
	font-family: GrizzlyRegular, Arial, sans-serif;
	font-size: 20px;
	color: #5d5d5d;
	padding-left: 17px;
}

#mediaHolder div.item a {
	float: right;
}

#mediaHolder div.item img {
	float: left;
	clear: left;	
}

#item2 p a.ssHeadline {
	padding-top: 20px;
}

#item3 p a.ssHeadline {
	padding-top: 10px;
	margin-left: -40px;
}

#item2 p {
	padding-top: 20px;	
	width: 400px;
	padding-left: 60px;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 10px;
}

#item3 p a img {
	margin-top: -20px;
}

#item3 p {
	width: 500px;
	text-align: center;
}

#item2 p a {
	
}