
/**
 * Homepage
 */
#main-container_contact {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/banner-logo.jpg) top center no-repeat;
 
}
#main-container_dealer {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/dealer_pic_bg.jpg) top center no-repeat;
 
}
#main-container_transfer {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/title-transfer.jpg) top center no-repeat;
 
}
#main-container_bonded {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/bonded_title.jpg) top center no-repeat;
 
}
#main-container_mechanic {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/mechanic_page.jpg) top center no-repeat;
 
}
#main-container_autoinsurance {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/auto-insurance.jpg) top center no-repeat;
 
}
#main-container_dealer-box {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/dealer_box_page.jpg) top center no-repeat;
 
}
#main-container_about {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
	background:url(../banner/about_pic.jpg) top center no-repeat;
 
}
#dealer_page
{
	margin: 0 auto;
	width:1000px;
    height:450px;
}
.nav_left
{
	margin:0;
	padding:0;
	width:206px;
	height:420px;
}
.logo_star
{
	margin:0;
	padding:0;
	width:150px;
	height:85px;
	background:#000;
	border:1px solid #505151;
	text-align:center;
}
.side_box1
{
	margin:0;
	padding:0 0 5px 0;
	width:150px;
	background:#000;
	border:1px solid #505151;
}
.side_box1 h2 
 {
	margin:0;
	padding:5px 0 5px 10px;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	font-family:Calibri;
	text-transform:uppercase;
	text-decoration:none;
 }
.side_box1 ul
{
	margin:0;
	padding:0;
	width:150px;
	display:inline;
	list-style:none;
}
.side_box1 ul li
{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
.side_box1 ul li a
{
	float:left;
	display:block;
	width:140px;
	height:17px;
	margin:0 0 1px 0;
	padding:1px 0 0px 10px;
	font-weight:normal;
	font-size:12px;
	color:#C4CBD1;
	font-family:Calibri;	
	text-decoration: none;
	text-transform:none;
}
.side_box1 ul li a:hover,
.side_box1 ul li a:focus,
.side_box1 ul li a:active,
.side_box1 ul li .current
{
	background:#e1e1e1;
	color:#000;
}
 
 
 /*-----------------------------------------------------------*/
 
 
 #banner_main
 {
	 margin:0;
	 padding:0;
	 width:100%;
	 height:450px;
 }
#main-container {
	margin: 0 auto;
	width:100%;
    position: relative;
	height:450px;
 
}
#hero-area 
{
  height:450px ;
}
#slide-container {
  
  height:450px;
  width: 100%;
  overflow: hidden;
  /*background:url(../banner/fog_effect.png) no-repeat;*/
}
#hero-area .slide
 {

  height:450px ;
  width: 100%;
  position: relative;
}
#hero-area .slide > .inner {
  padding:0;
   
}
#slide1 { background: transparent url(../banner/banner1.jpg) center no-repeat; }
#slide2 { background: transparent url(../banner/banner7.jpg) center no-repeat; }
#slide3 { background: transparent url(../banner/banner5.jpg) center no-repeat; }
#slide4 { background: transparent url(../banner/banner14.jpg) center no-repeat; }
#slide5 { background: transparent url(../banner/banner4.jpg) center no-repeat; }
#slide6 { background: transparent url(../banner/banner16.jpg) center no-repeat; }
#slide7 { background: transparent url(../banner/banner15.jpg) center no-repeat; }
#slide8 { background: transparent url(../banner/banner-testi1.jpg) center no-repeat; }
#slide9 { background: transparent url(../banner/banner-logo.jpg) center no-repeat; }
#slide10 { background: transparent url(../banner/banner-testi2.jpg) center no-repeat; }

#hero-area .slide-home .content { margin:0 auto; padding-top: 20px; color:#000000; width:1000px;  font-weight:bold; }
#hero-area .slide-hero-left > .inner {
  padding-left: 80px;
  padding-right: 40px;
}
#hero-area #slide-onlineb > .inner { padding-top: 65px; padding-right: 40px;  margin-top:0px; }
#hero-area #slide1 > .inner { padding-top: 10px; padding-right: 40px;  margin-top:0px; }
#hero-area #slide2 > .inner { padding-top: 10px; padding-left: 50px;  margin-top:0px;}
#hero-area #slide-prosuite > .inner { padding-top: 100px; padding-left: 60px;  margin-top:40px;}
#hero-area #slide3 > .inner { padding-top: 10px; padding-left: 50px;  margin-top:0px;}
#hero-area #slide4 > .inner { padding-top: 10px;}
#hero-area #slide5 > .inner { padding-top: 10px;}
#hero-area #slide6 > .inner { padding-top: 10px; margin:0px;}
#hero-area #slide7 > .inner { padding-top: 10px; margin:0px;}
#hero-area #slide8 > .inner { padding-top: 10px; margin:0px;}
#hero-area #slide9 > .inner { padding-top: 10px; margin:0px;}
#hero-area #slide10 > .inner { padding-top: 10px; margin:0px;}
#hero-area .content h2 {
  color: #fdb913;
  font-size: 3.2em;
  line-height: 100%;
  margin-bottom: 0;
}
#hero-area .slide-photo .content > h2 {
  color: #fff;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 120%;
}
#hero-area .slide-datashuttle .content > h2 {
  color: #4c8088;
  font-size: 4.6em;
  font-weight: bold;
  line-height: 120%;
}
 
#hero-area .slide-datashuttle .content > h3 {
  color: #fff;
  font-weight: bold;
  font-size: 2.2em;
  margin-top: 20px;
  margin-bottom: 0;
}
#hero-area .content h2 .emphasis { font-weight: bold; }
#hero-area .slide-blue .content h2 { color: #0099cc; }
#hero-area .slide-green .content h2 { color: #a7c539; }
#hero-area .content > p { 
  font-size: 1.3em;
  padding:0px;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height: 140%;
  color:#000000;
  font-weight: normal;
}

#hero-area  .content2 > p { 
  font-size: 14px;
  width:1000px;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height:18px;
  color:#000000;
  font-weight: normal;
}
 #hero-area  .contentpro > p { 
  font-size: 1.3em;
  width:800px;;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height: 140%;
  color:#FFFFFF;
  font-weight: normal;
}

 #hero-area  .content3 > p { 
  font-size: 16px;
  width:1000px;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height:22px;
  color:#000000;
  font-weight: normal;
  padding:0 0 0 0;
}
 #hero-area  .content4 > p { 
font-size: 16px;
  width:1000px;;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height:22px;
  color:#000000;
  font-weight: normal;
  padding:0 0 0 0;
  
}
 #hero-area  .content5 > p { 
  font-size: 1.7em;
  width:1000px;
  text-align:left;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height:22px;
  color:#FFFFFF;
  font-weight: normal;
  
}

#hero-area  .content6 > p { 
  font-size: 1.6em;
  width:1000px;
  text-align:left;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height:22px;
  color:#BCBCBC;
  font-weight: normal;
  
}
#hero-area  .content7 > p { 
  font-size: 1.6em;
  width:1000px;
  text-align:left;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  line-height:22px;
  color:#BCBCBC;
  font-weight: normal;
  
}


#hero-area .content p.small-text { font-size: 1em; }
#hero-area a.video-still-link {
  border: 0;
  position: absolute;
  left: 390px;
  top: 85px;
}
#hero-area .content ul {
  color: #333333;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 130%;
  margin: 10px 0;
  list-style: disc /*url(/assets/776/bullet-dash.png)*/;
  padding-left: -7px;
  margin-left: -5px;
  color: inherit;
}
#hero-left-arrow a,
#hero-right-arrow a {
  display: block;
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  text-indent: -1000em;
  width: 43px;
  height: 46px;
  left: -9px;
  top: 120px;
  background: url(../banner/sprites-home.png) no-repeat 0px -170px;
}
#hero-left-arrow a:hover { background-position: -86px -170px;}
#hero-right-arrow a { background-position: -43px -170px; left: 980px;}
#hero-right-arrow a:hover {
  background-position: -129px -170px;
  left: 980px;
}
.slide_box
{
	margin:0 auto;
	padding:0;
	width:1000px;
}
#slide-pager {
  position: absolute;
  top: 10px;
  /*left: 960px;*/
  margin:10px 0 0 820px;
  z-index: 9999;
}
#slide-pager a {
  display: block;
  width: 16px;
  height: 10px;
  background:#363636;
  border:1px solid #575757;
  float: left;
  margin-left: 5px;
  text-indent: -1000em;
  overflow: hidden;
  opacity:0.7;
  filter:alph(opacity=70);
}
#slide-pager a.activeSlide,
#slide-pager a:hover 
{
	 border:1px solid #575757;
	background:#000;
}
#bottom-bar {
  height: 69px;
  background: url(../assets/871/bg-bottom-bar.png) no-repeat 0 0;
  margin-top: 8px;
  position: relative;
}
#bottom-bar .inner { padding: 15px 0 0 20px;}
#body #bottom-bar p {
 margin: 0; padding: 0; 
 color: #444444;
}
#body #bottom-bar p.large-text { font-size: 1.8em;}
#bottom-bar a.button-sign-up-for-mozy-green {
  position: absolute;
  right: 54px;
  top: 11px;
}
#hero-area .additional { margin-top: 20px; float: left;}
#hero-area .slide-datashuttle .additional { margin-top: 10px;}
#hero-area #slide6 .additional { margin-top: 10px;}
#hero-area .info-box {
  float: left;
  background: rgba(0,0,0,0.2);
  color:  #6d6e71;
  font-size: .9em;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -opera-border-radius:8px;
  -khtml-border-radius:8px;
  border-radius:8px;
  border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top: 2px solid #a7c539;
}
#hero-area .slide-photo .info-box { 
  border-top: 2px solid #a3cbc9;  color: #c7c8ca;
  background: rgba(0,0,0,0.4);
}
#hero-area .content .info-box h2.title {
  color: #6d6e71;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 100%;
  margin-top: 0;
  margin-bottom: 5px;
}
#hero-area .slide-photo .content .info-box h2.title { color: #fff;}
#hero-area #slide1 .info-box h2.title { margin-right: -15px;}
#hero-area .info-box .inner { padding: 10px; }
#hero-area #slide1 .info-box { margin-left: 80px; width: 299px; }
#hero-area #slide4 .info-box { margin-left: 80px; width: 290px; }
#hero-area #slide2 .info-box { width: 320px; border-top-color: #a7c539;}
#hero-area #slide6 .info-box { width: 302px; }
#hero-area .content .info-box p {
  color: #c7c8ca;
  border:1px solid #33FF66;
  font-weight: normal;
  font-size: 1.2em;
  margin-top: 0;
}
#hero-area .slide-photo .content p.person-name {
  font-size: 2.2em;
  color: #c7c8ca;
  font-weight: bold;
  margin-left: 100px;
  margin-bottom: 0;
  margin-top: 15px;
}
#hero-area #slide4 .content p.person-name { margin-left: 260px;}
#hero-area #slide5 .content p.person-name { color: #ffffff; margin-left: 285px;}
#hero-area .slide-photo .content p.person-name .business-name { font-weight: normal;}
#hero-area .slide .content ul {
  list-style: none;
  margin: 0; padding: 0;
  margin-left: -5px;
}
#hero-area .slide .content ul li {
  float: left;
  width: 119px;
  background: transparent url(../banner/bullet-sm-dark-grey.png) no-repeat 0 4px;
  margin-left: 6px;
  padding-left: 6px;
}
#hero-area .slide-photo .content ul li { background-image: url(../banner/bullet-grey-sm.png);}
#hero-area #slide6 .content ul li { width: 126px;}
#hero-area .more-info-links {
  float: left;
  width: 170px;
  margin-left: 20px;
  margin-top: -6px;
}
#hero-area #slide5 .more-info-links {
  margin-left: 28px;
  margin-top: 17px;
}
#hero-area .slide-datashuttle .more-info-links {
  margin-top: 7px;
  margin-left: 50px;
}
#hero-area img.photo-stack-dogs { margin-top: -50px;}

/** homepage buttons */
a.button-icon-and-text {
  display: inline-block;
  position: relative;
  height: 41px;
  padding-left: 53px;
  color: #6d6e71;
  font: bold 1em Arial, Helvetica, Geneva, sans-serif;
  text-decoration: none;
  padding-top: 4px;
  margin-top: 5px;
}
a.button-icon-and-text:hover { color: #a7a9ac; text-decoration: none;}
.slide-photo a.button-icon-and-text { color: #e6e7e8;}
.slide-photo a.button-icon-and-text:hover { color: #ffffff;}
.slide-datashuttle a.button-icon-and-text { color: #4c8088;}
.slide-datashuttle a.button-icon-and-text:hover { color: #66979e;}
a.button-icon-and-text .icon,
a.button-datashuttle-blue-square .icon {
  position: absolute;
  width: 41px; height: 41px;
  top: 0px; left: 2px;
  background: transparent url(../banner/sprites-home.png) no-repeat 0 0;
}
a.button-datashuttle-blue-square:hover .icon { background-position: 0 -41px;}
a.button-watch-the-mozy-intro-video-blue-square .icon { background-position: -41px 0; }
a.button-watch-the-mozy-intro-video-blue-square:hover .icon { background-position: -41px -41px; }
a.button-learn-more-about-mozy-green-square .icon { background-position: -123px 0;}
a.button-learn-more-about-mozy-green-square:hover .icon { background-position: -123px -41px;}
a.button-learn-more-about-mozy-orange-square .icon { background-position: -82px 0;}
a.button-learn-more-about-mozy-orange-square:hover .icon { background-position: -82px -41px;}
a.button-sign-up-for-mozy-green {
  width: 204px; height: 44px;
  background-image: url(../banner/sprites-home.png);
  background-position: 0 -82px;
}
a.button-sign-up-for-mozy-green:hover { background-position: 0 -126px;}
#country-links ul { color: #3399cc; list-style: disc; margin-left: 5px;}
#footer #gplusone-button { float: right; margin-top: 9px; }

/*.page-pro-reviews #logo-slider .slide-nav button {
  width: 9px;
  height: 15px;
  display: block;
  overflow: hidden;
  text-indent: -1000em;
  border: 0;
  background: transparent url(../assets/870/sprites-home.png) no-repeat -188px -171px;
  margin: 20px 0 0;
}
.page-pro-reviews #logo-slider .slide-nav button:hover { cursor: pointer; }
.page-pro-reviews #logo-slider .slide-nav button#logo-slider-previous { background-position: -188px -187px; }*/

/*-----------------new CSS------------*/
#top_pad
{
	margin:0 auto;
	padding:40px 0 0 10px;
	width:1000px;
}
.radish
{
    font-weight:bold;
    font-size:30px;
    color:#ec4545;
	text-transform:uppercase;
	line-height:30px;
	letter-spacing:1px;
	text-shadow:0px 2px 2px #202020;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
.black_bus
{
    font-weight:bold;
    font-size:30px;
    color:#000;
	text-transform:uppercase;
	line-height:30px;
	letter-spacing:1px;
	text-shadow:0px 2px 2px #adadad;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
.white_head
{
    font-weight:bold;
    font-size:30px;
    color:#FFF;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow:0px 4px 4px #202020;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
.auto_heading
{
    font-weight:bold;
    font-size:50px;
    color:#FFF;
	line-height:70px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow:0px 4px 4px #202020;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
	
}
.red_heading
{
    font-weight:bold;
    font-size:50px;
    color:#d70202;
	line-height:70px;
	text-transform:uppercase;
	letter-spacing:0px;
	text-shadow:0px 2px 2px #202020;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
	
}
.black_heading_nor
{
    font-weight:normal;
    font-size:30px;
    color:#000;
	line-height:30px;
	text-transform:uppercase;
	text-shadow:1px 1px #FFF;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
	padding:0px 0 0 10px;
}
.dark_blue
{
    font-weight:normal;
    font-size:16px;
    color:#2349b7;
	line-height:16px;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
A.dark_bluelink
{
    font-weight:normal;
    font-size:16px;
    color:#2349b7;
	line-height:16px;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
A.dark_bluelink:hover
{
    font-weight:normal;
    font-size:16px;
    color:#000;
	line-height:16px;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
.dark_orng
{
    font-weight:bold;
    font-size:16px;
    color:#de6300;
	line-height:16px;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
.dark_orng3
{
    font-weight:bold;
    font-size:22px;
    color:#de6300;
	line-height:30px;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
}
.blue_nor
{
    font-weight:bold;
    font-size:20px;
    color:#2349b7;
	line-height:20px;
	text-transform:uppercase;
	text-shadow:1px 1px #FFF;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
	padding:0px 0 0 0px;
}
.blue_nor1
{
    font-weight:bold;
    font-size:20px;
    color:#2349b7;
	line-height:20px;
	text-shadow:1px 1px #FFF;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
	padding:0px 0 0 10px;
}
.black_nor2
{
    font-weight:bold;
    font-size:20px;
    color:#000;
	line-height:20px;
	text-shadow:1px 1px #FFF;
    font-family:Calibri, Helvetica, sans-serif;
    text-decoration:none;
	padding:0px 0 0 10px;
}

.button_learn
{
	margin:0 0 0 0px;
	padding: 5px 20px 6px; 
	cursor: pointer;
	font-weight:bold;
    font-size:13px;
    color:#FFF;
    font-family:Calibri;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #000 !important;
	letter-spacing:1px;
	border:1px solid #670000;
	box-shadow:inset 0px 0px 1px #9d1d1d;
	-webkit-box-shadow:inset 0px 0px 1px #9d1d1d;
	-moz-box-shadow:inset 0px 0px 1px #9d1d1d;
	-o-box-shadow:inset 0px 0px 1px #9d1d1d;
	background: #8f0000; /* Old browsers */
	background: -moz-linear-gradient(top, #8f0000 0%, #5d0202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f0000), color-stop(100%,#5d0202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8f0000 0%,#5d0202 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8f0000 0%,#5d0202 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8f0000 0%,#5d0202 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8f0000 0%,#5d0202 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0000', endColorstr='#5d0202',GradientType=0 ); /* IE6-9 */
	
	}
	.button_learn:hover,
	.button_learn:focus,
	.button_learn:active 
	{
	background:#4f0303; 
	border:1px solid #5d0202;
	box-shadow:inset 0px 0px 1px #4f0303;
	-webkit-box-shadow:inset 0px 0px 1px #9d1d1d;
	-moz-box-shadow:inset 0px 0px 1px #9d1d1d;
	-o-box-shadow:inset 0px 0px 1px #9d1d1d;
	color: #fff;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.button_apply
{
	margin:0 0 0 0px;
	padding: 5px 20px 6px; 
	cursor: pointer;
	font-weight:bold;
    font-size:13px;
    color:#FFF;
    font-family:Calibri;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #000 !important;
	letter-spacing:1px;
	box-shadow:inset 0px 0px 1px #323232;
	-webkit-box-shadow:inset 0px 0px 1px #323232;
	-moz-box-shadow:inset 0px 0px 1px #323232;
	-o-box-shadow:inset 0px 0px 1px #323232;
	border:1px solid #868682;
	background: #232323;
    opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
	}
	.button_apply:hover,
	.button_apply:focus,
	.button_apply:active 
	{
	background:#000; 
	border:1px solid #d6d6d6;
	box-shadow:inset 0px 0px 1px #4f0303;
	-webkit-box-shadow:inset 0px 0px 1px #9d1d1d;
	-moz-box-shadow:inset 0px 0px 1px #9d1d1d;
	-o-box-shadow:inset 0px 0px 1px #9d1d1d;
	color: #fff;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}












