#AppContainer {width: 770px; margin: 0 auto;}

.appGrad {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQ0ZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(212,212,212,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(212,212,212,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(212,212,212,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(212,212,212,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(212,212,212,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(212,212,212,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-8 */
}


/* LEFT SHARED */

.leftBox {width:178px; float:left; display:inline; border:1px solid #a2a2a2; margin:0 10px 0 0;}
.leftBox .sidebar {margin: 0px; padding: 0px; list-style:none; overflow:hidden; }
.leftBox .aoi {border-bottom:1px solid #a2a2a2; overflow:hidden; position:relative; }
.leftBox .aoi .inner {padding: 10px; overflow:hidden; }
.leftBox .aoi h2 {font:18px arial, sans-serif; color:#333;/*special color*/}

/* ^LEFT SHARED */

/* RESULTS SHARED */

.resultsBox {float:left; display:inline; width:580px; }

.resultsBox .top, .resultsBox .sortBox, .resultsBox .myVehicle  {padding:15px; overflow:hidden;}
.resultsBox .top-buttons  {float:right;}

.resultsBox .top h1 {font: bold 25px arial; color:#333; float:left; display:inline;}
.resultsBox .top button {float:right; margin-left:5px;}

.resultsBox .myVehicle h2 {font: bold 15px arial; color:#333; float:left; display:inline; margin-right:20px;}
.resultsBox .myVehicle h3 {font: 18px/1.5em arial; color:#333/*special text color*/; float:left; width:75%; display:inline; text-align:center;}
.resultsBox .myVehicle a {float:right; position:relative; top:40px;}

.resultsBox .sortBox {padding-top:10px; padding-bottom:10px; margin-bottom:15px; position:relative;}
.resultsBox .sortBox h4 {font: bold 14px arial; color:#333; float:left; display:inline; margin-right:10px; position:relative; top:5px;}
.resultsBox .sortBox .sortSelect {float:left; display:inline; }
.resultsBox .sortBox .pagination {float:right; display:inline; margin: 0px; padding: 0px; }

.resultsBox .result {background: white; border:1px solid #a2a2a2; margin:0 0 10px; overflow:hidden;}
.resultsBox .result .inner {padding:10px 10px 10px 15px; overflow:hidden;}

.resultsBox .result h1 {color:#333/*special text color*/; font-size: 16px; padding:0 15px; margin: 0px; border-bottom:1px solid #a2a2a2;}
.resultsBox .result .resultImage {float:left; display:inline; width:100px; margin-right:10px; text-align:center;}
.resultsBox .result .resultImage a {font-size: 10px; text-decoration:underline;}
.resultsBox .result .resultInfo {margin: 0 0 15px; padding: 0px; list-style:none; overflow:hidden;}

.resultsBox .result .resultInfo li {padding:3px 0 0 10px;  overflow:hidden; font-size: 13px;}
.resultsBox .result .resultInfo li:nth-child(odd) {background: #EEEEEE; }
.resultsBox .result .resultInfo li span:nth-child(odd) {display:inline-block; float:left; width:30%;}
.resultsBox .result .resultInfo li span:nth-child(even) {display:inline-block; float:left; width:50%;}

.resultsBox .result .shopBtn {float:right;}
.resultsBox .result .fbLike {float:left;}

/* ^RESULTS SHARED */

/* CTA Pills */

.widget_promotion_div{
    width:580px;
    float:left;
    position:inline;
}
.btn-group {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	display: inline-block;
	overflow:hidden;
	position: relative;
	behavior:url(/shared_css/css3pie/PIE.htc);
}

.btn-group li {float:left; display:inline; width:33.3%; text-align: center;}

.btn-group a, .btn-group a:link, .btn-group a:visited {
	line-height: 1em;
	padding: 1em 0!important;
	margin: 0;
	font-size: 130%;
	display: inline-block;
	border-radius: 0;
	border-right: 1px solid rgba(0, 0, 0, .2);
	border-left: 1px solid rgba(255, 255, 255, .1);
	width: 100%;
}

.btn-group a:hover {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.btn-group .f a {border-left:none; webkit-border-radius: .5em 0 0 .5em; -moz-border-radius: .5em 0 0 .5em; border-radius: .5em 0 0 .5em;}
.btn-group .l a {border-right:none; webkit-border-radius: 0 .5em .5em 0; -moz-border-radius: 0 .5em .5em 0; border-radius: 0 .5em .5em 0;}

/* TIRE FINDER */

.shop_details {
	border: #ccc 1px solid;
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;
}

.shop_details h1 {
	color: #333;	
	margin: 0;
	behavior: url(/shared_css/css3pie/PIE.htc);
	position: relative;
	font: 700 18px/1.2em 'arial black', gadget, arial, sans-serif;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-top-radius: 8px 8px 0 0;
}

.shop_details h1 div.inner {padding: 15px;}

.btnHolder {display:inline; clear:both;}

.tfBox #tfdTab1 .btnHolder {position:absolute; bottom:30px; left:245px;}

.tfBox {}

.tab {float: left; width:100%; position:absolute;}
.tab ul {float:left; width:66%;  position:absolute; top:14px; left:220px;}
.tab ul li {list-style:none; float:right; display:inline; margin:0 3px;}
	
.tab ul li a {
	padding: 12px 20px 20px;
	cursor:pointer;
	color:#333;
	text-decoration: none;
	display:inline-block;
	font: 700 11px/1.2em 'arial black', gadget, arial, sans-serif;
	background: #efefef;
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;
	 z-index:0;
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tab ul li.active {
	background: white;
	z-index:2;
	position:relative;	
}

.tab ul li.active a {color:black; background: white; text-shadow: none;}
.tab ul li.active:hover a {color:black; text-shadow: none;}

.tab ul li a:hover {
	background: white;
	color:#192e55;
	text-shadow: none;
}

.tfBox .formcontainer {
	z-index:8888888;
	clear:both;
	overflow: hidden;
	margin: 51px 0 0;
}

.tfBox .formcontainer .tfInner {
	background: white ;
	height: 230px;
	position:relative; 
	z-index:5;
}

.tfBox .resetHolder {float:left; display:inline;}

.tfBox #ShowPlusSizesDiv {display:inline; float: left; margin:3px 20px 0 0;}
.tfBox #ShowPlusSizesDiv input {float:left; display:inline; margin:0 5px 0 0;}
.tfBox #ShowPlusSizesDiv label {color: black; font-size: 12px; float:left; display:inline; }


.tfBox #TireGuideRecordSearchFormClearButton {background: url('/img/reset_btn.jpg') top no-repeat; width:55px; height:23px; display:block; }
.tfBox #TireGuideRecordSearchFormClearButton:hover {background: url('/img/reset_btn.jpg') bottom no-repeat;}

/*Vehicle-input*/
#TireGuideRecordintdiv {margin: 8px 0 0 10px; float:left;}
#TireGuideRecordintdiv .searchinput select {width:229px; height:32px !important; border:1px solid #666; margin:2px 0; padding:7px;}
#homeshopForTires.tfi-Body {margin: 0 !important;}

/* By Size */
#homeshopForTires.tfi-Body #homeshopForTiresSizesSearch {border-bottom:none !important; background:url(/shared_img/bg_tire1.png) left bottom no-repeat; height:191px; float:left;}
.tfi-Body #homeshopForTiresSizesSearch select {display:inline; background:#fff; border:1px solid #999; height:30px; clear:both; padding:6px;}	
.tfi-Body #tireSizeLocator {height:171px !important; width:204px !important; padding:21px 0 0 163px !important;}

/* By Brand */
.shop_details .left_selections {display:inline; position:relative; }
.shop_details .right_selections {float:left; display:inline; width: 230px; position:relative;}
.shop_details .right_selections h3, .shop_details .left_selections h3 {
	font-size: 16px;
	color: white;
	display: inline;
	font-weight:bold;
	font-weight:600;
	text-shadow:2px 2px 0 black;
}

#tfdTab3 .pad10 {padding:10px;}

select#SearchyTireBrands {border:1px solid #999; height:30px; width:179px; padding:6px;}

.location-info-div{margin-bottom:10px; margin-top:20px;}

/*^TIRE FINDER */

/* ajax loader */
div#spinner {
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(/shared_img/ajax-spinner.gif) no-repeat center #fff;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    border:1px solid #666;
    margin-left: -50px;
    margin-top: -50px;
    z-index:999;
    overflow: auto;
}

form {
    padding-left: 36px;
}
.widget_promotion_div {
    width:580px;
    float:left;
    position:inline;
}

.swatch {
    color: white !important;
    display: inline;
    float: left;
    margin: 0 1% 5px 0;
    padding: 30px 1%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
    width: 30%;
}
.accent {
    background: none repeat scroll 0 0 #002362;
    color: white !important;
}
.accent:hover {
    background: none repeat scroll 0 0 #0d3276;
}

/*--- promotions customizations ---*/
.specsign { float:right; margin-top:10px;}
.moneyimg { display: none;}
.specsign .minimenu {
	margin-top:14px;
	padding:10px 0 8px 0;
	float:left; 
	background:#CCC;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;
	border:1px solid #fff;
	position:relative; 
	behavior: url(/shared_css/css3pie/PIE.htc);
}
.specsign .minimenu ul.promomenu { float:left; width:100%; margin:0 !important;}
.specsign .minimenu ul.promomenu li { float:left; list-style:none; display:inline; margin:5px 10px;}
.specsign .minimenu ul.promomenu li a {
	text-decoration:none;
	padding:5px 10px; 
	color:#fff; 
	background: #0551c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #0551c1 0%, #2989d8 30%, #5199d1 30%, #0125c4 100%, #207cca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0551c1), color-stop(30%,#2989d8), color-stop(30%,#5199d1), color-stop(100%,#0125c4), color-stop(100%,#207cca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0551c1 0%,#2989d8 30%,#5199d1 30%,#0125c4 100%,#207cca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0551c1 0%,#2989d8 30%,#5199d1 30%,#0125c4 100%,#207cca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0551c1 0%,#2989d8 30%,#5199d1 30%,#0125c4 100%,#207cca 100%); /* IE10+ */
	background: linear-gradient(top,  #0551c1 0%,#2989d8 30%,#5199d1 30%,#0125c4 100%,#207cca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0551c1', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;
	border:1px solid #fff;
	position:relative; 
	behavior: url(/shared_css/css3pie/PIE.htc);
}
.specsign .minimenu ul.promomenu li a:hover { 
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	color:black;
}
.specsign .signandsav { 
	background: #497ac6; /* Old browsers */
	background: -moz-linear-gradient(top,  #497ac6 0%, #004ec4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#497ac6), color-stop(100%,#004ec4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #497ac6 0%,#004ec4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #497ac6 0%,#004ec4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #497ac6 0%,#004ec4 100%); /* IE10+ */
	background: linear-gradient(top,  #497ac6 0%,#004ec4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497ac6', endColorstr='#004ec4',GradientType=0 ); /* IE6-9 */
	border:1px solid #fff;
	float:right; 
	width:158px; 
	height:71px;
	padding:10px; 
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000; 
	position:relative; 
	behavior: url(/shared_css/css3pie/PIE.htc);
}
.specsign .signandsav h4 { color:#fff; font-size:16px; margin-bottom:5px; font-style:italic; float:left;}

.specsign .signandsav input[type="text"] { height:12px; width:139px; margin-bottom: 0;}
.specsign .signandsav .signaupbtn { float:right; margin-top:0;}'

.specialsListItem { 
	display: block;
	float: left;
	margin-top: 10px;
	width:98%;
	padding: 5px;
	border: 1px solid silver;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}

.specialsListItem img { width: 215px; margin-left: 10px;}

/*--- ^ promotions customizations ---*/