
@import url(../css/styles.css);
ul.menu,
ul.nostyle {list-style-type:none; margin:0; padding: 0;}
 ul.menu li {float:left; margin: 0 3px;}
 ul.menu li a {text-decoration:none;}
 
.floatleft {float:left; margin-right: 15px!important;}
.floatright {float:right;}


a:hover {text-decoration: underline !important;}

.clr {clear:both;}

input {margin:0; padding: 0;}
 input[type="checkbox"] {}
 input[type="text"]:focus {background-color: #fffee7;}
 
#Sample {position:fixed; top:0; left:0; width: 100%; height: 100%; }
#Sample2 {position:fixed; top:0; left: 0; width: 100%; height:100%; background: url(../images/blanket.png) 0 0 repeat;visibility:hidden;}

/***************************/
/* Template specific items */
/***************************/

body {

	background-image: url(http://www.automarketingprofits.com/images/bg.jpg);

	background-repeat: repeat-x;

	margin-top: 0px;

	background-color: #F2F4F7;

}


h1 {font-size: 16px; font-weight: bold; margin-top: 1px; line-height: 22px;}

#body_text {display:block; width: 600px;float:left;margin-right: 40px; margin-left: 30px; margin-bottom: 20px;}
 #body_text ul {margin: 15px 0 20px 20px}

div#shadow {width: 100%; background: url(../images/shadow.png) 50% 0 repeat-y;}
div#shadow_top {height: 13px; width: 100%; background: transparent url(../images/shadow_top.png) 50% 0 no-repeat;}
div#shadow_bottom {width: 100%; background: transparent url(../images/shadow_bottom.png) 50% 0 no-repeat; text-align:center;}
div#shadow_menu {height: 14px; width: 1000px; display:block;}

div#container {width: 1000px; border: none; background-color: white; margin: 0 auto; min-height: 200px; position:relative;}
 div#container div#maincontentarea {display:block; padding: 20px 20px 0; background: url(../images/shadow_menu.png) 50% 0 no-repeat;}

div#banner {
background-image:url(../images/banner.png); background-repeat:no-repeat;
  width: 1000px; 
  height: 109px; 
  position:relative;
}

 div#banner div#headermenu {
    position:absolute; 
    right:0; 
    top: 8px; 
    padding: 4px 4px 4px 8px; 
    background: url(../images/black-30-opaque.png) 0 0; 
    border: 1px solid #4d83b8; 
    border-right: none;
 }
 div#banner div#headermenu span {display:block;}
 div#banner div#headermenu li {display:block;}
 
 div#banner a.mainlogo {
    position:absolute; 
    top:1px;
    left: 0px;
 }

   div#banner div#headermenu ul li a,
   div#banner div#headermenu {color: white; font-weight: bold; text-decoration:none;}
   
div#mainmenu {
  height: 32px; 
  background: #ebeff5 url(../images/mainmenu-back.png) 0 0 repeat-x; 
  display:block; 
}

div#mainmenu ul {margin-left: 18px; height: 31px;float:left; background: url(../images/mainmenu-sep.png) 100% 0 repeat-y;}
 
div#mainmenu ul li {
 background: url(../images/mainmenu-sep.png) 0 0 repeat-y; 
 display:block; 
 margin:0 0 0 -1px;
}
div#mainmenu ul li span {padding: 7px 12px 6px; display:block;margin-left: 2px;}

div#mainmenu ul li a {color: black; font-weight: bold;font-size: 12px; font-family: Arial, Helvetica, Sans-serif;}
div#mainmenu ul li:hover span,
div#mainmenu ul li.active span {background: url(../images/menuback.png) 50% 0;}
 
div#content_topleft,
div#content_topright {float:left;}

div#content_topleft {width: 670px;}
 div#content_topleft div {float:left;}
 div#content_topleft div.intro {width: 380px;}
  div#content_topleft div.intro p {margin-bottom: 0;}
 div#content_topleft div.featurelist {width: 260px; padding-left:20px; margin-top: 1px; margin-left: 8px; border-left: 1px solid #666;}
  div#content_topleft span {font-size: 16px; font-weight: bold;}
  div#content_topleft div.featurelist ul {list-style-type:none; margin:12px 0 0 12px;}
    div#content_topleft div.featurelist ul li {background: url(../images/redarrow.png) 0 0 no-repeat; padding: 0px 0 10px 28px; font-size: 14px; font-weight: bold; line-height: 14px; min-height: 22px;}
  div#content_topleft div.primaryad {margin-top: 15px;}
    
div#content_topright {width: 290px;}

div.optinbox {background: url(../images/optin-header.png) 0 0 no-repeat; padding-top: 4px; width: 290px;}
 div.optinbox h3 {color: white; font-weight: bold; display:block; text-align: center; margin-bottom:0; margin-top:1px;}
 div.optinbox div.optinbox_inner {
      margin-top: 10px;
      margin-left: 1px;
      padding: 12px 4px 4px;
      width: 278px;
      border-left: 1px solid #9f9f9f;
      border-bottom: 1px solid #9f9f9f;
      border-right: 1px solid #9f9f9f;
      height: 347px;
 }
 div.optinbox fieldset {margin-top: 18px;}
 div.optinbox div.optinbox_inner p {padding: 0 12px; margin-bottom: 10px;}
 div.optinbox input.signmeup {
      border:none;
      width: 219px; 
      height: 49px;
      margin: 16px auto 4px;
      display:block;
      cursor: pointer;
 }
 div.optinbox div.formfield {
      display:block;
      text-align:right;
      margin: 3px 8px;
 }
   div.optinbox div.formfield span {margin-right: 12px; font-size: 14px; font-weight: bold;}
   
 div.optinbox div.formfield input {
      border: 1px solid #666;
      padding: 2px;
 }
 div.optinbox div.radiobutton {display:block; text-align:center; margin: 4px 0;}
  div.optinbox div.radiobutton input {margin-top: 3px; margin-right: 12px; width: 14px; height: 14px;}
  div.optinbox div.radiobutton label {vertical-align:top;}
  
div#content_middle {margin: 20px 0px 20px;}
  div#content_middle div.productlist {float:left; width: 286px; margin: 0; background: url(../images/middle-bg.png) 0 0 repeat-x;}
  div.productlist div.product-left {background:url(../images/middle-left.png) 0 0 no-repeat;}
  div.productlist div.product-right {background:url(../images/middle-right.png) 100% 0 no-repeat; min-height: 188px; padding: 12px 12px 0;}
  div.productlist a {font-weight: bold;}
  div.productlist h3 {margin-bottom: 18px; color: #002e5d; font-size: 22px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 7px;}
  div.productlist ul {list-style-type:none; margin-left: 4px;}
   div.productlist ul li {padding: 0px 0 6px 30px; background: url(../images/fancybullet.png) 0 0 no-repeat; line-height: 12px; margin: 3px 0;}
   div.productlist ul li a {font-weight: bold; font-size: 14px; color: #000099;}
   
  div#middle-left {background:url(../images/middle-left.png) 0 0 no-repeat;}
  div#middle-right {background:url(../images/middle-right.png) 100% 0 no-repeat; padding-top: 12px; min-height: 188px;}
   
div#content_info {margin-bottom: 20px;}
  div.informationbox {float:left; width: 436px; margin: 0; background: url(../images/info-header.png) 0 0 no-repeat; padding-top: 6px; padding-left: 12px; padding-right: 12px;}
  div.informationbox span {display:block;}
  div.informationbox h3 a,
  div.informationbox h3 {color: white; font-weight: bold; font-size: 16px; text-decoration:none;}
   div.informationbox img.testimonial {float:right; margin: 0 0 8px 8px; border: 1px solid #333;}
  
  div.informationbox div.testimonial h2 {font-size: 16px; font-weight: bold;} 
  div.informationbox div.testimonial img {float:right; margin: 0 0 8px 8px; border: 1px solid #333;}
  div.informationbox div.testimonial p,
  div.informationbox span p {font-size: 11px;}
  
div.productitem {display:block; margin: 40px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
  div.productitem img {float:left; margin-right: 42px;}
  div.productitem a {font-weight: bold;}
   
div#footer {background: url(../images/footer-header.png) 0 0 no-repeat; width: 1000px; height: 208px; margin:0px auto;}
 div.footerbox {
	width: 263px;
	height: 166px;
	float:left;
	color: white;
	margin: 32px 20px 0 43px;
	position:relative;
	left: 0px;
	top: 0px;

}
 div.footerbox1 {
	width: 263px;
	height: 166px;
	float:left;
	color: white;
	margin: 32px 20px 0 43px;
	position:relative;
	left: 75px;
	top: 35px;

}
 div.footerbox2 {
	width: 263px;
	height: 166px;
	float:left;
	color: white;
	margin: 32px 20px 0 43px;
	position:relative;
	left: 35px;
	top: 35px;

}
  div.footerbox h4 {margin-top: 3px;margin-bottom: 14px;}
  div.footerbox h4 a,
  div.footerbox h4 a:hover {font-size: 17px; font-weight: bold; color: #fdc640; text-decoration:none!important;}
  div.footerbox p {line-height: 15px; color: #eee;}
   div.footerbox p a {color: #78fb04; font-weight: bold; display:block; margin-top: 8px; font-family: Arial, Helvetica, Sans-serif; position:absolute; bottom: 9px; right: 0;}
   
  div.footerbox img.footicon {float:left; margin-right: 12px;}

div#shadow_bottom {color: black;font-size: 10px; font-family: Verdana, Helvetica, sans-serif; padding-top: 25px; margin-bottom: 20px;}
  div#shadow_bottom a {color: black;}
  
/* STYLES FOR SUPPORT CENTER PAGE */

div#body_text h2 {font-size: 32px; font-weight: bold;}
 div#body_text h2.bottomborder {padding-bottom: 10px; margin: 0 0 30px; border-bottom: 1px solid #ccc;}
 div#body_text h3 a {font-size: 16px; color: #09539c; font-weight: bold;}
 div#body_text ul.supportlist {margin-top: 6px!important;}
 div#body_text ul.supportlist a {font-size: 14px; color: #f06e1a; text-decoration: none; font-weight: bold;}
 
 /* STYLES FOR MTIPS REPORT PAGE */
 
 div.mtipsreport {width: 500px; margin: 0 auto;}
  div.mtipsreport h1 {font-size: 26px; font-weight: bold; line-height: 1.2em; color: #002e5d; margin-bottom: 2px;}
  div.mtipsreport h3 {font-size: 16px; font-style: italic; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid #ccc;}
  
/* CODE FOR LIGHTBOX */
div.lightbox {
	background: url(../images/lightbox-background.png) 0 0 no-repeat;
	width: 700px;
	height: 550px;
	position:relative;
	margin: 20px auto;
	font-family:Arial, Helvetica, sans-serif;
	border: 2px solid black;
	z-index: 9999;
}
div.lightbox form {
	position:absolute;
	bottom:0;
	width: 400px;
}
div.lightbox fieldset {
	position:absolute;
	bottom:105px;
	left: 96px;
	border:none;
	margin: 0; padding: 0;
}
div.lightbox div.textfield-optin {
	text-align:right;
	margin: 8px 0;
	color: white;
	font-weight: bold;
	font-size: 12px;
}
div.lightbox div.textfield-optin input {
	border: 1px solid black;
	margin-left: 12px;
}
div.lightbox input.submit {
	background-image:url(../images/submit-button.png);
	width: 221px;
	height: 68px;
	border: none;
	position:absolute;
	bottom: 11px;
	left: 119px;
	cursor:pointer;
}
div.arrow-optin {
	background: url(../images/arrow-white.png) 0 0 no-repeat;
	width: 61px;
	height: 63px;
	position:absolute;
	bottom: 41px;
	left: 47px;
}
div#blanket {
	background: url(../images/blanket.png); 
	position:fixed; 
	width: 100%; 
	height: 100%; 
	display:block; 
	margin: 0; 
	padding: 0; 
	top:0; 
	left:0;
	z-index: 9999;
}

/* CODE FOR CONTACT US PAGE */

div.customerservice {padding: 20px; border: 1px dashed #666; margin-bottom: 20px;}
 div.customerservice h3 {text-align:center;}
 div.customerservice img {float:left;}
 div.customerservice div {float:left; margin-left: 30px;}
 div.customerservice div.clr {float:none!important;}

div.contact-tbl {width: 40%; margin: 0 5%; float:left;} 
