.side-banner {
	border:1px solid black;
}

.banner {
	border:1px solid black;
}

.offer {
	border:1px solid black;
}

body {
	background-color: #4A4A4A;
	margin-top: 15px;
	background-attachment: fixed;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	color: #666;
}
#footer {
	background-color: #2f2f2f;
	padding: 20px;
	width: 96%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.logo {
	float:left;
	max-width: 100%;}
.motorola-logo {
	float: left;
	margin-top: 5px;
	margin-left: 25px;
	margin-right: 15px;
}
.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	margin-bottom: 5px;
}
.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #EC0006;
	text-align: center;
}	
.home-image {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px;
	border: 1px solid #BFBFBF;
}
.footer-links-container{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.footer-copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}
.footer-links ul li{
	display: inline;
}

.footer-link:active, .footer-link:link, .footer-link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: underline;
	text-transform: capitalize;
	}
.footer-link:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	}	
	
.footer-pipe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
#oiw{
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	}
.motorola-copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	width: 890px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #FFF;
}
.home-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

#left_column {
	float:left;
	width:200px;
	padding:10px;
	padding-right:0px;
	padding-left:0px;
}

#right_column {
	float:left;
	width:680px;
	padding:10px;
	padding-right:0px;
	padding-left:20px;
	
}

#right_column h1{
	margin:0;
	
}

 #navheader {
	color:#EC0006; 

	padding: 3px 0 3px 7px;
	font-weight:bold;
	margin-top:5px;
	margin:auto;
	border-bottom:1px solid #666;
}

 #navheader h1{
		font-size:18px;
		margin:0;
}

#navcontainer
{

font-family: arial;
font-size: 12px;



margin:auto;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0px;
margin:0px;
}

ul#navlist li ul
{
padding: 0px;
margin:0px;
}

ul#navlist li ul li a
{
	padding-left:20px;
}


ul#navlist li
{
display: block;
margin: 0px;
padding: 0px;
}

ul#navlist li a
{
	display: block;
	padding: 10px 0px 10px 0px;
	color:#666;
	text-decoration: none;
	padding-left: 7px;
	border-bottom:1px solid #D6D8DA;

	font-size:12px;
}

ul#navlist li a:hover

{
	color: #EFEFEF;
	background-color:#444444;

}

/* ---- Form Styles --- */
#right_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; 
}

#right_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;
}

#right_column form fieldset legend {
                                color: #003589;
                                font-weight:bold;
                font-size:1.1em; /* 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  */
}

#right_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 */
}

#right_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 */
}

#right_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;
}

#right_column #phone {
	font-size:13px;
}
/* ---- End of Form Styles --- */
#featured {
	padding-bottom:10px;

}


#featured div {
	float:left;
	width:175px;
	text-align:center;
}

#featured div img{
	display:block;
	margin:auto;
	margin-bottom:10px;

}


.side-banner {
background-color: #3746fd;
width:183px;
}

.banner {
background-color: #3746fd;
width:980px;
}

.offer{
	text-align:center;	
	margin: auto;
	width:98%;background-color: #3746fd;
}

.details
{
	text-align:center;	
	margin: auto;
	width:98%;background-color: #fe0005;	
}

.details2
{
	text-align:center;	
	margin: auto;
	width:98%;background-color: #3746fd;
}



h5 {
	font-size:14px;
	color:#666;
}

.fullwidthimage{
	text-align:center;	
	margin: auto;
	width:98%;
}
.partstblrow1{
	background-color: #0099cc;
	color:#fff;
	font-weight:bold;
	width:25%;
	vertical-align:top;
}
.partstblrow2{
	background-color: #666666;
	color:#fff;
	vertical-align:top;

}
.partstblrow3{
	background-color: #000;
	color:#fff;
	font-weight:bold;
	vertical-align:top;
}
.partstbl2row1{
	background-color: #cccccc;
	color:#000;
	font-weight:bold;
	width:25%;
	vertical-align:top;
	text-align:center;

}

.partstbl2row2{
	background-color: #dcdbe0;
	color:#000;
	font-weight:bold;
	width:25%;
	vertical-align:top;
	text-align:center;
}
.h2hdr{
	color:#000;
}


.promo-text {
padding: 0px 5px 0px 5px;
                }


.specials-header1 {
                font-size:27px;
                font-weight:bold;
                margin-bottom: 20px;
                padding-left: 5px;
                color: #3746fd;
                }
 
.specials-header2 {
     font-size:19px;
                font-weight:bold;
     margin-bottom: 20px;
                padding-left: 5px;
                                }
								
#tradeintable{
                width:100%;
                background:#cccccc;
                margin:20px 0 10px 0;   
                }
 
#tradeintable .tbltext{
                color:#000;
                font-size:12px;
                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:75%;
                color:#000;
                font-size:20px;
                font-weight:bold;
                text-transform:uppercase;
                padding: 10px 5px; 10px 0;
               
}
 
#tradeintable .models-header {
                width:25%;
                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{
               color:#000000;
                font-size:16px;
                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:#000000;
                font-size:26px;
                font-weight:bold;
                padding: 20px 0px 10px 10px;
                vertical-align:top;
}

.mobileselect { display: none }

.trbo-lowercase{
	text-transform:lowercase;
}

.fullwidthimage-old-only {
	text-align:center;	
	margin: auto;
	width:98%;
}

.oiw-landing {
	margin-bottom: 20px;
}
