/* Top of the Page CSS*/

/* Phone Box */
#phone{
    margin:0 30px 0 0;
    float:left;
    background:url(http://pt-mp.quest.com/company/images/contact/container-bg-left.png) repeat-y;
    width:400px;}

#phone .inner{
    background:url(http://pt-mp.quest.com/company/images/contact/container-bg-right.png) top right repeat-y;
}

#phone .head{
    background:url(http://pt-mp.quest.com/company/images/contact/phone-header-bg.png);
    height:42px;
	width:100%;
}

#phone .head div{
    background:url(http://pt-mp.quest.com/company/images/contact/phone-header-bg-right.png) top right no-repeat;
	width:100%;
}

#phone .head h2{
    background:url(http://pt-mp.quest.com/company/images/contact/phone-header-bg-left.png) no-repeat;
    height:42px;
    line-height:42px;
    text-indent:35px;
    font-size:17px;
    color:#002776;
}

#phone h3, #phone p{
    margin:0 30px;
}

#phone h3{
    font-size:14px;
    font-weight:normal;
    width:300px;
    margin:15px 30px 0;
}

#phone .contactPhone, #phone .contactSupport{
    font-size:18px;
    line-height:28px;
}

#phone .contactSupport{
    margin-top:10px;
    font-size:15px;
}

#phone .footer, #globalHQ .footer{
    background:url(http://pt-mp.quest.com/company/images/contact/container-bg-bottom.png) bottom repeat-x;
    height:38px;
}

#phone .footer .inner, #globalHQ  .footer .inner{
    background:url(http://pt-mp.quest.com/company/images/contact/container-bg-bottom-left.png) bottom left no-repeat;
    height:38px;
}

#phone .footer .inner div, #globalHQ .footer .inner div{
    background:url(http://pt-mp.quest.com/company/images/contact/container-bg-bottom-right.png) bottom right no-repeat;
    height:38px;
}


/* Global HeadQuarters Box */

#globalHQ{
    width:280px;
    float:left;
    background:url(http://pt-mp.quest.com/company/images/contact/container-bg-left.png) repeat-y;
    font-size:13px;
    line-height:21px;
}

#globalHQ .inner{
    background:url(http://pt-mp.quest.com/company/images/contact/container-bg-right.png) repeat-y right;
}

#globalHQ h4, #globalHQ p{
    margin:0 20px;
}

#globalHQ h4{
    color:#002776;
    margin-top:10px;
}

#globalHQ h5{
    color:#000;
    font-size:13px;
    line-height:20px;
    font-weight:bold;
    margin:0 20px;
    padding:0;
}

#globalHQ .footer, #globalHQ .footer .inner, #globalHQ .footer .inner div{
    height:25px;
}


/* Drop Down Local Office CSS */
#side-left{
    float:left;
    width:48%;
    padding:0 0 40px 3%;
}

#side-right{
    float:left;
    width:48%;
    padding:0 0 40px;
}

.tabbertab{
    background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/tab-content-bg.png) bottom repeat-x;
    border:0px;
}

.tabbertab table{
    border:0!important;
}


#localOffice.inner1{
    background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/tab-content-bg-left.png) repeat-y;
}

#localOffice .inner2{
    background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/tab-content-bg-right.png) top right repeat-y;
}

#localOffice .inner3{
    background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/tab-content-bg-top-right.png) top right no-repeat;
}

#localOffice .inner4{
    background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/tab-content-bg-top-left.png) top left no-repeat;
}

#localOffice .inner5{
    background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/tab-content-bg-bottom-left.png) bottom left no-repeat;
}

.tabberlive{
    padding:0 8px;
    background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/tab-content-bg-bottom-right.png) bottom right no-repeat;
    min-height:62px;
}




/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
 /*margin:10px 0 0 0px;
 padding: 3px 0;
 */
list-style: none;
padding: 0 0 0;
margin: 0;
width: 100%;
height:52px;
font: bold 12px Verdana, sans-serif;
background:url(http://pt-mp.quest.com/company/images/contact/tab-ui/gray-tab-bg.png);
border:0!important;
}

ul.tabbernav li {
/*list-style: none;
 margin: 0 0 0 8px;
 display: inline;
 */
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
height:52px;
background: url(http://pt-mp.quest.com/company/images/contact/tab-ui/hover-tab-bg.png);
}

ul.tabbernav li a {
/* font: bold 12px Verdana, sans-serif;
 padding: 3px 4px;
 margin-left: 1px;
 border: 1px solid #cccccc;
 border-bottom: none;
 background: #D8D8D8; */
display: block;
width: 100%;
text-align:center;
border-left: 1px solid #cacaca;
color: #777;
text-decoration: underline;
background: url(http://pt-mp.quest.com/company/images/contact/tab-ui/inactive-tab-bg.png) bottom;
height:47px;
margin-top:5px;
line-height:43px;
}

ul.tabbernav li:first-child a{
border:0;
}

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:link {
 background: url(http://pt-mp.quest.com/company/images/contact/tab-ui/active-tab-bg.png) bottom;
 text-decoration: none;
 border-bottom: 2px solid white;
 color:#000;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {
 color: #002776;
 text-decoration:none;
 background-image:none;
}

ul.tabbernav li.tabberactive a:hover {
 background: url(http://pt-mp.quest.com/company/images/contact/tab-ui/active-tab-bg.png) bottom;
 text-decoration: none;
 border-bottom: 2px solid white;
 color:#000;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  .tabberlive
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0;

}

.tabberlive .tabbertab h2 {
	display: none;
}
.tabberlive .tabbertab h3 {



}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


.tabberlive {
	
}
.smtext { font-family:Verdana, sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; text-decoration: none; }
a.smtext:hover, visited, link { color: Black; font-weight: normal; text-decoration: none; }
a.smtext:active { color: Black; font-weight: normal; text-decoration: none; }
