@charset "utf-8";
.side-banner {
	border:1px solid black;
	
}

.trbo-lowercase{
                text-transform:lowercase;
}


.banner {
	border:1px solid black;
}

.offer {
	border:1px solid black;
}

.fullwidthimage {
	width:100%;
}
html { padding:0; margin:0 auto; /*background:#e9e9e9 url(images/main_bg.jpg) repeat left top;*/}
body { margin:0; padding:0; width:100%; border:0;  font:normal 13px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; /*background:url(images/header_bg.jpg) repeat-x left top;*/}
* { outline:none;}
.main { margin:0 auto; padding:0; background:#fff url(images/bg.jpg) no-repeat center top;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2 { margin:0; padding:12px 16px; font-size:28px; font-weight:normal; color:#fff; text-transform:uppercase;}
p { margin:0; padding:8px 0;}
a { color:#14a7fb; text-decoration:underline;}
img { border:none;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { background:url(images/header_bg.png) repeat-x left 142px;}
.header_resize { margin:0 auto; padding:0; width:960px;}
.logo { padding:0; float:left; width:auto; height:142px;}
h1 { margin:0; padding:42px 0 0 0; font-size:58px; font-weight:bold; line-height:1.2em; color:#2e2e2e;}
h1 a, h1 a:hover { color:#2e2e2e; text-decoration:none;}
h1 span { color:#14a7fb;}
h1 small { display:block; margin:0; font-size:13px; line-height:1.2em; text-transform:none; color:#7d7b7b; font-weight:normal;}
.slider { margin:0; padding:0; background:url(images/slider_bg.png) no-repeat center 336px;}

/* social */
.social { padding:20px 0 0 0; float:right; width:auto;}
.social p { padding:0; float:right; width:auto; color:#fdfdfd; text-align:right; font-size:13px; line-height:1.5em; font-weight:normal;}
.social a { color:#fdfdfd; text-decoration:none;}
.social a:hover { text-decoration:underline;}
.social img { margin:-3px 0 -3px 4px; border:none;}

/* menu */
.menu_nav { margin:0; padding:0 0 18px; float:left; width:auto; height:56px;}
.menu_nav ul { list-style:none; padding:0 0 0 2px; height:56px; float:left; background:url(images/menu_sep.png) no-repeat left top;}
.menu_nav ul li { margin:0; padding:0 2px 0 0; float:left; background:url(images/menu_sep.png) no-repeat right top;}
.menu_nav ul li a { display:block; margin:0; padding:0 0 0 18px; font-size:15px; line-height:20px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center;}
.menu_nav ul li a span { display:block; padding:18px 18px 18px 0; height:20px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { background:url(images/menu_a.png) repeat-x left top;}
.menu_nav ul li.active a span, .menu_nav ul li a:hover span { }
.menu_nav ul li ul.subnav {
	display:none;
		z-index:900;
	position:absolute;
	height:auto;
	background-image:none;
	background-color:#cad3d9;
	padding-top:2px;
	padding-bottom:2px;

}

.menu_nav ul li ul.subnav li{
	display:block;
	float:none;
	background-image:none;

	
}

.menu_nav ul li ul.subnav li a{

	background-image:none;
	font-size:10px;
	text-transform:none;
	color:#000;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
		padding:5px 10px 5px 10px;
}

.menu_nav ul li ul.subnav li a:hover{

	background-color:#fff;

}


.menu_nav ul li:hover ul.subnav {
	display:block;
}


/* content */
.content { padding:24px 0 0; color:#373737;}
.content_resize { margin:0 auto; padding:0 0 24px; width:960px; background:url(images/content_bg.jpg) repeat left top}
.content h2 { }
.content .mainbar { margin:0 0 24px; padding:0; float:right; width:670px;}
.content .mainbar h2 { background:#14a7fb;}
.content .mainbar div.img { float:left;}
.content .mainbar div.img img { padding:0 0 9px; background:url(images/img_shadow.png) no-repeat center bottom;}
.content .mainbar img.fl { margin-top:10px; }
.content .mainbar .article { margin:0 0 24px; padding:0;}
.content .mainbar .post_content { float:right; width:650px;}
.content .mainbar .post_content strong { color:#373737; font-weight:bold;}
.content .mainbar ul { margin-left:30px; margin-bottom:10px;}
p.spec { padding:0 0 16px;}
p.infopost { margin:0 0 12px; padding:4px 0;}
p.infopost span.date { }
p.infopost a { padding:0 2px; text-decoration:none; font-weight:normal;}
p.infopost a:hover { text-decoration:underline;}
p.infopost a.com { color:#8a8a8a;}
p.infopost a.com span { color:#8a8a8a; font-weight:bold;}
p.infopost a.com:hover { color:#14a7fb; text-decoration:underline;}
.content .mainbar a.rm { display:block; float:left; padding:10px 0; width:95px; height:16px; font-size:12px; line-height:16px; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; color:#fff; background:url(images/readmore.png) no-repeat center center;}
.content .mainbar a.rm:hover { text-decoration:none;}

/* pagination */
.content p.pages { margin:0; padding:24px 0; font-size:13px; text-align:left;}
.content p.pages span, .content p.pages a { display:block; margin:0 2px; padding:9px 0; float:left; width:35px; height:17px; color:#fff; line-height:17px; text-align:center; text-decoration:none;}
.content p.pages span, .content p.pages a:hover { color:#fff; font-weight:normal; background:url(images/page_a.png) no-repeat center center;}
.content p.pages a { color:#8a8a8a;}
.content p.pages small { font-size:12px; float:right;}

/* sidebar */
.content .sidebar { margin:0; padding:0; float:left; width:260px;}
.content .sidebar .gadget { margin:0 0 24px; padding:0;}
.content .sidebar h2 { font-size:24px; background:#373737;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; font-size:12px;}
ul.sb_menu li, ul.ex_menu li { margin:0; list-style:none; border:1px solid #ebebeb; border-top:none;}
ul.sb_menu li { padding:10px 16px;}
ul.ex_menu li { padding:10px 8px;}
ul.sb_menu li a { margin-left:-16px; padding:8px 8px 8px 16px; font-size:13px; color:#8a8a8a; text-decoration:none; text-transform:uppercase;}
ul.ex_menu li a { font-weight:normal; font-size:13px; color:#8a8a8a; text-decoration:none; text-transform:uppercase;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#14a7fb; font-weight:bold; text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background:#373738; border-top:6px solid #474b53; border-bottom:1px solid #272829;}
.fbg_resize { margin:0 auto; padding:40px 20px 24px; width:920px;}
.fbg h2 { padding:0 0 16px; font-size:22px; color:#bebdbd;}
.fbg h2 small { display:block; font-size:13px; font-weight:normal; text-transform:none;}
.fbg img.gal { margin:8px 8px 0 0; padding:3px; border:1px solid #60656c; background:#5b5c60;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 20px; width:260px;}
.fbg .c2 { padding:0 36px 0 16px; width:280px;}
.fbg .c3 { padding:0 0 0 16px; width:274px;}
.fbg .fbg_ul { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li a { display:block; margin:0; padding:2px 0 2px 12px; color:#8a8a8a; text-decoration:none; background:url(images/li.gif) no-repeat left center;}
.fbg .fbg_ul li a:hover { color:#14a7fb; text-decoration:none; font-weight:normal; background:url(images/li_a.gif) no-repeat left center;}
.fbg p.contact_info { line-height:1.8em;}
.fbg p.contact_info a { text-decoration:underline; color:#14a7fb; font-weight:normal;}
.fbg p.contact_info span { display:block; float:left; width:74px; font-weight:bold;}

/* footer */
.footer { background:#373738; border-top:1px solid #515254;}
.footer_resize { margin:0 auto; padding:0; width:920px;}
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em; color:#8A8A8A;}
.footer p.lf a { color:#8a8a8a; text-decoration:none; font-weight:normal;}
.footer p.lf a:hover { text-decoration:none; color:#14a7fb;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* search */
.searchform { margin:0; padding:55px 0 0; float:right; width:auto; height:36px;}
#formsearch { margin:0; padding:0; width:auto; height:36px;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(images/search_bg.png) no-repeat left top;}
#formsearch input.editbox_search { margin:0; padding:10px 10px; float:left; width:190px; height:16px; font-size:13px; line-height:16px; color:#aeaeae; background:none; border:none;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}

.mainbar h1 { margin:0; padding:12px 16px; font-size:28px; font-weight:normal; color:#fff; text-transform:uppercase; background:#14a7fb; margin-bottom:4px;}

.content .mainbar .product_content h2 { margin:0; padding:12px 0px; font-size:22px; font-weight:normal; color:#1088cd; text-transform:none; background-color:transparent;}

.content .mainbar .product_content h3 { margin:0; padding:12px 0px; font-size:18px; font-weight:normal; color:#373737; text-transform:none; background-color:transparent;}

.content .mainbar .product_content ul { margin-left:30px; margin-top:10px;}

#product-image {
    float:right; 
	padding:10px;
	margin:20px;	
}
.product-image-small {
    float:right; 
	padding:10px;	
}

.product-image-left {
    float:left; 
	padding:10px;	
}
.dvdr {
	width:450px;
	margin:20px auto ;
	height:1px;
	background-color:#666;
	clear:both;
}
h2.trbohdr{	
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.sub-page-header{	
	color: #bc0004;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
}

#phonetop {
	float:right;
	font-weight:bold;
	line-height:25px;
	margin-top:30px;
}

#phonetop strong {
	font-size:28px;
}

.content .mainbar .product_content .sub-page-header {
	font-size:25px;
	color:#4f5b76;
	
}

/* ---- Form Styles --- */
#middle_column form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

#middle_column form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
                border: #cccccc 1px solid;
/*           border-color: #cccccc;
  border-width: 1px;
  border-style: solid;*/
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  margin-bottom:10px;
}

#middle_column form fieldset legend {
                                color: #14A7FB;
                                font-weight:bold;
                font-size:1.1em;
				padding:0 5px 0 5px;
			 /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#middle_column form label { 
                display: block;  /* block float the labels to left column, set a width */
                float: left; 
                width: 150px; 
                padding: 0; 
                margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
                text-align: right; 
}

/* form fieldset label:first-letter */{ /* use first-letter pseudo-class to underline accesskey, note that */
/*           text-decoration:underline; */   /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#middle_column form input, form textarea, form select {
                /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
                width:auto; /* set width of form elements to auto-size, otherwise watch for wrapx on resize */
             
                border: 1px #999 solid;
                margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

#middle_column form input#reset {
                margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
                display: block;
                margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
                padding: 1px 3px;
                font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
                clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
input:focus, textarea:focus{
background-color: lightyellow;
}
/* ---- End of Form Styles --- */

.offer {
background-color: #14A7FB;
margin-top:10px;
	width:98%;
}

.details {
background-color:#565555 ;	
margin-top:10px;
width:98%;
}

.details2 {
background-color:#565555 ;	
margin-top:10px;
width:98%;
}

.side-banner {
background-color: #14A7FB;
width: 100%;
margin:auto; 
display:block;
margin-bottom:10px;

}

.banner {
background-color: #14A7FB;
width:670px;
}


h5 {
	font-size:14px;
	color:#666;
}

.promo-text {
padding: 0px 5px 0px 5px;

                }


.specials-header1 {
                font-size:27px;
                font-weight:bold;
                margin-bottom: 20px;
                padding-left: 5px;
                color: #069CD9;
				margin-top:10px;
                }
 
.specials-header2 {
     font-size:19px;
                font-weight:bold;
     margin-bottom: 20px;
                padding-left: 5px;
                                }
			#trbolink {
									display:none;
								}
								
											.product-image-small {
									float:right;
								}
#tradeintable{
                width:100%;
                background:#cccccc;
                margin:20px 0 10px 0;    
                }
 
#tradeintable .tbltext{
                color:#000;
                font-size:16px;
                font-weight:bold;
                padding: 10px 5px 10px 5px;
                }
 
                
#tradeintable .tblheader{
                background:#000000;
                color:#fff;
                text-transform:uppercase;
                font-size:30px;
                font-weight:bold;
                padding-top:20px;
                padding-bottom:20px;
                padding-left:5px;
                text-indent: 10px;
                }
                
 
#tradeintable .offer-header {
                width:33%;
                color:#000;
                font-size:20px;
                font-weight:bold;
                text-transform:uppercase;
                padding: 10px 5px; 10px 0;
                
}
 
#tradeintable .models-header {
                width:41%;
                color:#000;
                font-size:20px;
                font-weight:bold;
                text-transform:uppercase;
                padding: 10px 5px; 10px 0;
                
}
                                                                                                                                                
#tradeintable .savings-header {
                width:25%;
                color:#000;
                font-size:20px;
                font-weight:bold;
                text-transform:uppercase;
                padding: 10px 5px; 10px 0;
                
}
#tradeintable .offer-header{
                padding-left:5px;
}
#tradeintable .models, #tradeintable .savings{
                color:#000;
                font-size:16px;
                font-weight:bold;
                padding-top:10px;
}
 
 
 
#tradeintable .offertext{
                width:33%;
                color:#000;
                font-size:26px;
                font-weight:bold;
                padding: 20px 0px 10px 10px;
                vertical-align:top;
}
#rebatetable{
                width:100%;
                background:#cccccc;
                margin:20px 0 30px 0;    
                }
 
#rebatetable .tbltext{
                color:#000;
                font-size:16px;
                font-weight:bold;
                padding: 10px 5px 10px 5px;
                }
 
                
#rebatetable .tblheader{
                background:#000000;
                color:#fff;
                text-transform:uppercase;
                font-size:30px;
                font-weight:bold;
                padding-top:20px;
                padding-bottom:20px;
                padding-left:5px;
                text-indent: 10px;
                }
                
                                                                                                                                                
#rebatetable .offer-header {
                width:33%;
                color:#000;
                font-size:20px;
                font-weight:bold;
                text-transform:uppercase;
                padding: 10px 5px; 10px 0;
                
}
 
#rebatetable .models-header {
                width:41%;
                color:#000;
                font-size:20px;
                font-weight:bold;
                text-transform:uppercase;
                padding: 10px 5px; 10px 0;
                
}
#rebatetable .savings-header {
                width:25%;
                color:#000;
                font-size:20px;
                font-weight:bold;
                text-transform:uppercase;
                padding: 10px 5px; 10px 0;
                
}
#rebatetable .offer-header{
                padding-left:5px;
}
#rebatetable .models, #rebatetable .savings{
                color:#000;
                font-size:16px;
                font-weight:bold;
                padding-top:10px;
}
 
#rebatetable .offertext{
                width:33%;
                color:#000;
                font-size:26px;
                font-weight:bold;
                padding: 20px 0px 10px 10px;
                vertical-align:top;
}

.bqstart {

     font-size: 200%;
     color: #f36919;
	 font-weight:bold;
 }

 .bqend {

     font-size: 200%;
     color: #f36919;font-weight:bold;
 }
 
 .promo-btn{
	text-align:center;
}

.promo-btn a{
			display: inline-block;
			background: #fb6d09;
			position: relative;
			font-family: 'Asap', sans-serif;
			font-size: 24px;
			line-height: 50px;
			font-weight: 700;
			padding: 7px 13px 9px 27px;
			margin-top: 16px;
			color: #fff;
			border: 2px solid #000;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
			text-decoration:none;
			}
		
.promo-btn a:hover{
	text-decoration: none;
	background: #cccccc;
	color: #fff;
	}

.promo-header{
	font-weight:bold;
}

#tradeintable .tblheader2{
                background:#666;
                color:#fff;
                text-transform:uppercase;
                font-size:20px;
                font-weight:bold;
                padding-top:20px;
                padding-bottom:20px;
                padding-left:5px;
                text-indent: 10px;
 }