/*
Item Name : Pull out Menu
Author URI : http://codecanyon.net/user/WebFactory
Item URI :
Version : 1.0
*/


/*----------------------------------------------------------------------------------*/
/*Pull-out menu
/*----------------------------------------------------------------------------------*/
.pull-out {
  font-family: 'PTSansPro-Regular';
  font-style:normal;
  background-image:url('/sup/img/homepage/mpum-overlay.png');
  background-position:0 0;
  background-repeat:repeat-x;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  -webkit-box-shadow:0px 1px 3px #666;
  -moz-box-shadow:0px 1px 3px #666;
  box-shadow:0px 1px 3px #666;
}

.pull-out-button {
  margin-left:2px;
  margin-top:25px;
  position:relative;
  z-index:0;
}

.pull-out-right .pull-out-button {
  -moz-border-radius:5px 0 0 5px!important;
  -webkit-border-radius:5px 0 0 5px!important;
  margin-right:-1px;
  border:1px solid #ccc;
  border-right:0
}

.pull-out-right.pull-out {
  -moz-border-radius:0 0 0 5px!important;
  -webkit-border-radius:0 0 0 5px!important;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc!important;
  border-right:0
}

.pull-out-content {
  width: 400px;
  color:#636565;
  /*padding:20px;*/
  padding: 10px 20px 20px 20px;
}

.pull-out-content a {
  color:#636565;
  text-decoration:none;
}

.pull-out-content a:hover {
  text-decoration:underline;
}

.pull-out-content li a {
  color:#636565;
  text-decoration:none;
}

.wrapper-rep-info .rep-phone-number, .wrapper-rep-info .rep-region {
  font-size: 14.5px;
}


/*.pull-out-content .rep-name li {*/
.wrapper-rep-info .rep-name  {
  width:100%;
  font-family: 'PTSansPro-Regular';
  font-style:normal;
  color:#636565;
}
.rep-name {
  padding-bottom:6px;
  border-bottom:1px solid #636565;
}

/*.pull-out-content li a.rep-email {*/
.wrapper-rep-info li a.rep-email {
  font-family: 'PTSansPro-NarrowBold';
  font-size: 16px; 
  font-style:normal;
  color:#058db7;
  text-decoration:none;
  width:100%;
  margin-top:30px;
}

/*.pull-out-content li a.rep-email:hover {*/
.wrapper-rep-info li a.rep-email:hover {
  color:#ffffff;
  text-decoration:none;
  background-color:#0079c0;
}

.rep-phone-number{
  font-size:16px;
  font-family: 'PTSansPro-NarrowBold';
  font-style:normal;
  margin-top:30px;
  margin-bottom:30px;
  width:100%;
} 

/*.rep-region {
  font:0.75em "myriad-pro-semi-condensed-n6", "myriad-pro-semi-condensed", sans-serif; 
  font-style:normal;
  font-weight:600; 
  width:116%;
}*/
.wrapper-rep-info .rep-region {
/*pull-out-content.rep-region { XW */ 
  font-family: 'PTSansPro-NarrowBold';
  font-size:15px;
  font-style:normal;
  margin-top:22px;
  width:100%;
  border-top:1px solid #636565;
}

.pull-out-content p  {
  padding:0;
  margin:0 0 5px 0;
}

.pull-out-content ul {
  list-style:none;
  margin:0;
  padding:0;
}

.pull-out-content ul ul {
  list-style:none;
  margin:5px 10px 0 0;
  padding:15px 0;
}

.pull-out-content ul li {
  margin:0 0 5px 0;
  padding:0;
  font-weight:bold;
  font-size:100%;
  vertical-align: top;
  margin:2px 1px;
}

.pull-out-content ul ul li {
  margin:0 0 5px 0;
  padding:0;
  font-weight:normal;
  margin-bottom:0;
}

.wrapper-rep-info {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	width:100%;
	/*border-top:1px solid #636565;*/
}

.wrapper-rep-info .rep-images{
  float:left;
  padding:10px;
}

.wrapper-rep-info .pull-out-sub {
    font-size:16px;
    margin: 0;
	width: 100%;
}

.top-level-pull-out {
  /*margin-left: -10px;*/
  width: 50%;
  padding: 0;
  font-size: 16px;
  float:left;
  list-style-type: none;
}

.top-level-pull-out li {
  display: inline-block;
  font-size: 16px;
}

.rep-state-title {
  width: 95%;
  font-size: 28px;
  font-family: 'PTSansPro-BoldItalic';
  font-style:normal;
  display: inline-block;
  padding: 0px 5px;
  color:#5b9400;
  border-bottom:1px solid #636565;
}

.search-rep {
  width: 95%;
  background-image:url(/sup/img/backgrounds/contactrep-ramp-top.png);
  background-repeat:repeat-x;
  border-bottom:1px solid #636565;
  display: inline-block;
  padding: 5px 5px;
}

.search-rep-ramp-bottom {
  width: 102%;
  background-image:url(/sup/img/backgrounds/contactrep-ramp-bottom.png);
  background-repeat:repeat-x;
  background-position:bottom;
  display: inline-block;
  margin-bottom:-5px;
  margin-left:-4px;
}

.search-rep-error {
  width: 100%;
  display: inline-block;
}

.error-msg {
  font-size:14px;
  font-family: 'PTSansPro-Regular';
  font-style:normal;
  line-height:1.25em;
  letter-spacing:0.01em;
  color:#ed1c24;
}

.error-wrap {
  float:left;
  display:inline-block;
  margin:8px;
}

.error-wrap .error-img {
  float:left;
  margin:8px;
}

.error-wrap .text-msg {
  width:80%;
  float:right;
  margin:4px 2px;
  font-size:13px;
  font-family: 'PTSansPro-Bold';
  font-style:normal;
  line-height:1.25em;
  color:#ed1c24;
}

.zip-code {
  font-size:14px;
  font-family: 'PTSansPro-Regular';
  font-style:normal;
  line-height:1.25em;
  letter-spacing:0.01em;
  /*color:#ed1c24;  why red for zip code*/
}

.pull-out-content input, .pull-out-content textarea .zip-code {
	background-color:#FFF;
	color:#636565;
	float: left;
	box-shadow:0 1px 2px #ccc;
	border-radius: 0 0 0 0;
}

.pull-out-sub li {
  display: block;
  float: none;
  padding: 0; /*8px;*/
  margin: 0;
}

/* form styles */
.pull-out-content form {font-size: 16px;}
.pull-out-content form p {margin-bottom:3px;width:auto}

.pull-out-content label  {
  display: block;
  font-size: 16px;
  text-align: left;
  margin:10px 0 5px 0;
  cursor:pointer
}

.pull-out-content input, .pull-out-content textarea  {
  background: #ffffff;
  display: inline-block;
  *display: inline-block;
  zoom:1;
  font-size: 16px;    /*changed from 0.75em*/
  margin:8px;
  padding:3px 8px;
  text-align: left;
  text-transform: lowercase;
  width:50%
}

.pull-out-content input:focus, .pull-out-content textarea:focus  {
  background: #ffffff;
}

.pull-out-content a.contact-button,.pull-out-content a.readmore-button {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #212121;
  color: #FFFFFF;
  float: left;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 10px 0 20px;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.pull-out-content a:hover.contact-button,.pull-out-content a:hover.readmore-button {
  background: #000;
}

.pull-out-title {
  font-weight:bold;
  margin:0 0 12px 0;
  padding:0 0 8px 0;
  border-bottom:1px solid #000;
}

.pull-out-image {
  float:left;
  width:125px;
  height:auto;
  margin: 3px 10px 12px 0;
  -moz-box-shadow: 0 0 5px #666666;
  -webkit-box-shadow: 0 0 5px #666666;
  background:#FFFFFF;
  border: 1px solid #777777;
  padding:4px 4px 0 4px
}

.excerpt-pull-out,.readmore-pull-out {
  font-size: 14px;
  line-height:16px;
  overflow:hidden;
}

/* BLUE */
.pull-out.pull-out-blue ,.pull-out.pull-out-blue .pull-out-button {
  background-color:#71aaea;
}
/* MINIMAL */
.pull-out.pull-out-minimal ,.pull-out.pull-out-minimal .pull-out-button {
  background-color:#ffffff;
}
/* GREEN */
.pull-out.pull-out-green ,.pull-out.pull-out-green .pull-out-button {
  background-color:#45b85a;
}
/* RED */
.pull-out.pull-out-red ,.pull-out.pull-out-red .pull-out-button {
  background-color:#fb4646;
}
/* MAGENTA */
.pull-out.pull-out-magenta ,.pull-out.pull-out-magenta .pull-out-button {
  background-color:#e166af;
}
/* CYAN */
.pull-out.pull-out-cyan ,.pull-out.pull-out-cyan .pull-out-button {
  background-color:#29c4ff;
}
/* TEAL */
.pull-out.pull-out-teal ,.pull-out.pull-out-teal .pull-out-button {
  background-color:#41b6b6;
}
/* ORANGE */
.pull-out.pull-out-orange ,.pull-out.pull-out-orange .pull-out-button {
  background-color:#f3b82e;
}
/* GREY */
.pull-out.pull-out-grey ,.pull-out.pull-out-grey .pull-out-button {
  background-color:#999;
}
/* PURPLE */
.pull-out.pull-out-purple ,.pull-out.pull-out-purple .pull-out-button {
  background-color:#9452A5;
}
/* LIGHT BLUE */
.pull-out.pull-out-lightblue ,.pull-out.pull-out-lightblue .pull-out-button {
  background-color:#ccdbed;
}
/* BROWN */
.pull-out.pull-out-brown ,.pull-out.pull-out-brown .pull-out-button {
  background-color:#987654;
}