/* Michael Bos */
/* Mobile Layout: below 768px (below iPad portrait) */



/*altrow colors CSS*/

.bgr1 {
	background-color: #FFFFFF
}
.bgr2 {
	background-color: #E4E4E4
}
.bgr3 {
	background-color: #CCCCCC
}
table.table-frame {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	border-width: 0px;
	padding: 3px;
	margin: 0px;
}
table.tabledata-wrapper {
	float: center;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #333333;
	border-collapse: collapse;
}
table.tabledata-wrapper th {
	text-align: center;
	background-color: #333333;
	color: #FFFFFF;
	padding: 3px 2px;
	font-weight: bold;
}
table.tabledata-wrapper td {
	padding: 0px;
	margin: 0px;
}
table.tabledata-nascar {
	border-width: 0px;
}
table.tabledata-nascar th {
	background-color: #FFE57F;
	color: #000000;
	padding: 2px 4px;
}
table.tabledata-nascar td {
	padding: 2px 4px;
}
table.tabledata-nns {
	border-width: 0px;
}
table.tabledata-nns th {
	background-color: #C2DFFF;
	color: #000000;
	padding: 2px 4px;
}
table.tabledata-nns td {
	padding: 2px 4px;
}
table.tabledata-truck {
	border-width: 0px;
}
table.tabledata-truck th {
	background-color: #FFE57F;
	color: #000000;
	padding: 2px 4px;
}
table.tabledata-truck td {
	padding: 2px 4px;
}
table.tabledata-shark {
	border-width: 0px;
}
table.tabledata-shark th {
	background-color: #66CC66;
	color: #000000;
	padding: 2px 4px;
}
table.tabledata-shark td {
	padding: 2px 4px;
}
table.tabledata-summary {
	margin-left: auto;
	margin-right: auto;
}
table.tabledata-summary th {
	background-color: #ADD8E6;
	padding: 2px 4px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	border-spacing: 1px;
	border: thin solid #999999;
}
table.tabledata-summary td {
	background-color: #FFFFFF;
	padding: 2px 4px;
	margin: 0px;
	border-spacing: 1px;
	border: thin solid #999999;
}
table.table-note {
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
}
table.table-note th {
	text-align: center;
	background-color: #000099;
	color: #FFFFFF;
	padding: 3px 2px;
	font-weight: bold;
}
table.table-note td {
	background-color: #FFFFFF;
	padding: 4px;
	margin: 0px;
}
table.tableform-add {
	float: center;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
}
table.tableform-add th {
	text-align: center;
	background-color: #666666;
	color: #FFFFFF;
	padding: 3px 2px;
	font-weight: bold;
}
table.tableform-add td {
	background-color: #FFFFFF;
	padding: 4px;
	margin: 0px;
}
table.tableform-update {
	float: center;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
}
table.tableform-update th {
	text-align: center;
	background-color: #990000;
	color: #FFFFFF;
	padding: 3px 2px;
	font-weight: bold;
}
table.tableform-update td {
	background-color: #CCCCCC;
	padding: 4px;
	margin: 0px;
}
.table-small {
	width: 300px;
}
.table-medium {
	width: 450px;
}
.table-large {
	width: 800px;
}
.td-bold {
	font-weight: bold;
}
.td-right {
	text-align: right;
}
.td-left {
	text-align: left;
}
.td-center {
	text-align: center;
}
.td-autonum {
	font-size: 11px;
	text-align: center;
	color: #666666;
}
.td-sortnote {
	font-size: 9px;
	color: #333333;
}
.climate-soft-clean {
	text-align: center;
	padding: 2px 0px;
}
.td-shade {
	background-color: #CCCCCC;
}
.climate-soft {
	text-align: center;
	background-color: #CCCCCC;
	padding: 2px 0px;
}
.climate-loud {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 2px 2px 5px 10px;
}
.climate-loud-center {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 2px 2px 5px 10px;
}
.detail_s {
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
}
div#top-nav {
    display: none !important;
}
/*************************************************** Responsive **************************************************/
@media only screen and (max-width: 767px) {
	#Div1Title{
		width: 100%;
		border:0px !important;		
	}
	#Div1Main, #Div2Body, #Div3Main, #Div3Head, #Div3Body, #Div4Content  {
		width: 99%;
		margin: 0 auto;
		float: none;
	}
	#Div4Main {
		width: 99%;
		margin: 0 auto;
		float: none;
	}
	#Div1Title-Right {
		margin-left: 0%;
		width: 70%;
		padding-top: 5px;
	}
	#Div1Title-Left {
		width: 30%;
	}
	#Div1Title h1 {
		font-size: 32px;
	}
	#Div1Title h4 {
		font-size: 17px;
	}
/*******************************************MENU***********************/
	#Div1Nav {
		display: none;
	}
	body div#top-nav {
		display: inherit !important;
	}
	a#rm-menu {
		width: 100%;
		text-align: center;
		background: #444746;
		color: #fff;
		padding: 6px 0;
		font-size: 20px;
	}
	a#rm-menu:hover {
		text-decoration: none;
		background: #000066;
	}
	ul#MenuBar1 li {
		list-style: none;
		text-align: center;
	}
	ul#MenuBar1 {
		padding-left: 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #0000d3;
	}
	ul#MenuBar1 li a {
		background: #0000d3;
		color: #fff;
		display: block;
		border-top: 1px solid #fff;
		font-size: 17px;
		padding: 5px 0;
	}
	ul#MenuBar1 li a:hover, ul#MenuBar1 li a:active {
		color: #000066;
		text-decoration: none;
		background: #fff;
	}
/*************************/
	#BreadcrumbDiv ul {
		height: auto;
		width: 100%;
	}
	.climate-loud {
		width: 86% !important;
	}
	#BreadcrumbDiv li:first-child {
		width: 42px;
		line-height: normal;
	}
	#BreadcrumbDiv li{
		line-height: normal;
	}
	#BreadcrumbDiv {
		padding-top: 10px;
	}
	#Div2Main {
		width: 100%;
		padding: 0;
	}
	#Div2Nav {
		float: none;
		margin: 0 auto;
		width: auto;
		max-width: 300px;
		text-align: left;
	}
	div#Div2Nav h3, #Div3Head h2 {
		text-align: center;
	}
	table.tabledata-wrapper{
		margin:0 auto;
	}
	#FooterDiv {
		padding: 0;
	}
	table.table-frame {
		padding: 0;
		margin: 0 auto;
		overflow: scroll;
		display: block;
		float: none;
		width: 100%;
	}
	#Div3GFoot { 
		width: 100% !important;
		padding: 0;
		overflow:scroll;
	}
	#Div2Body {
		margin-left: 0;
	}
	table.table-frame iframe {
		width: 100%;
		overflow:scroll;     
	}
	div#top-nav {
		border-top: 1px solid #fff !important;
	}

	iframe#aswift_2{width:100% !important;
	overflow:scroll !important; }
	div#bnr {
    width: 100% !important;
	overflow:scroll !important; 
}
iframe#7892d348{
	width:100% !important;
	overflow:scroll !important; 
	}
div#mainb3dbcde272 {
    width: 100% !IMPORTANT;
	overflow:scroll !important; 
	 
}
.a {
    width: 100% !IMPORTANT;
	overflow:scroll !important; 
	
}
.b {
   width: 100% !IMPORTANT;
   overflow:scroll !important; 
   
}
.c.imageholder {
    WIDTH: 100% !IMPORTANT;
	overflow:scroll !important; 
	
}
a#coupon {
    WIDTH: 100% !IMPORTANT;
	overflow:scroll !important; 
	
}	
iframe#google_ads_frame3{
    WIDTH: 100% !IMPORTANT;
	overflow:scroll !important; 
}
div#adContent {
    width: 100% !important;
    overflow:scroll !important; 
}
iframe#google_ads_frame3 {
    width: 100% !important;
    overflow:scroll !important; 
} 
div#top-nav {
    border-top: 0px solid #fff !important;
} 
div#cse-search-results IFRAME {
    WIDTH: 100% !IMPORTANT;
    MARGIN: 0 AUTO;
}
#Div4GRight {
    clear: none;
    float: none;
    width: 161px;
    display: block;
    margin: 0 auto;
	text-align:center;
}
#Div3Head h2 {
    text-align: center;
    margin: 17px 0px 10px 0px;
}    
#FooterDiv ul {
    padding: 5px; 
}            	
}
@media only screen and (max-width:479px) {
	#Div1Title h4 {
		font-size: 14px !important;
	}
	#Div1Title h1 {
		font-size: 21px !important;
	}
	#Div1Title-Right {
		padding-top: 8px;
	}
}
@media only screen and (max-width:1023px) and (min-width:768px) {  
div#Div1Title {
    width: 100% !important;
    border: 0px !important;
}
div#Div1Nav {
    width: 100% !important;
    border: 0px !important;
}
#Div1Main {
    clear: both;
    width: 99% !important;
    margin: 0 auto;
}
#Div2Main{
	width:100% !important;
	padding:0px !important;}
div#Div2Nav {
    max-width: 200px !important;
    width: 27%;
}
div#Div2Body {
    max-width: 1000px !important;
    width: 70%;
}
#Div3Main {
    clear: none;
    float: left;
    width: 100%;
    display: block;
}
#Div3Head {
    clear: none;
    float: left;
    width: 100%;
    display: block;
}
#Div3Body {
    clear: none;
    float: left;
    width: 100%;
    display: block;
}
table.table-frame {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-width: 0px;
    padding: 3px;
    margin: 0px;
    display: block;
    overflow: scroll;
}
#Div3GFoot {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    text-align: center;
    overflow: scroll;
} 
#Div4Main, #Div4Content {
    clear: none;
    float: left;
    width: 100%;
    display: block;
}
div#cse-search-results iframe {
    width: 100% !important;
}
#Div4GRight{float:none !important;
}
}



@media only screen and (max-width:1200px) and (min-width:1024px) {  
div#Div1Title {
    width: 100% !important;
    border: 0px !important;
}
div#Div1Nav {
    width: 100% !important;
    border: 0px !important;
}
#Div1Main {
    clear: both;
    width: 99% !important;
    margin: 0 auto;
}
#Div2Main{
	width:100% !important;
	padding:0px !important;}
div#Div2Nav {
    max-width: 200px !important;
    width: 27%;
}
div#Div2Body {
    max-width: 1000px !important;
    width: 78%;     
}
#Div3Main {
    clear: none;
    float: left;
    width: 100%;
    display: block;
}
#Div3Head {
    clear: none;
    float: left;
    width: 100%;
    display: block;
}
#Div3Body {
    clear: none;
    float: left;
    width: 100%;
    display: block;
}
table.table-frame {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-width: 0px;
    padding: 3px;
    margin: 0px;
    display: block;
    overflow: scroll;
}
#Div3GFoot {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    text-align: center;
    overflow: scroll;
} 
#Div4Main {
	width: 100%;
}
#Div4Content {
   width: 76%;
    
}
#Div4GRight {
   width: 21%;
       
}
div#cse-search-results iframe {
    width: 100% !important;
}

}