/**************************************************************************
Filename: screen.css
Author: Caxy, Inc
URL: css/screen.css

Description:
Main Stylesheet for website
***************************************************************************/



/* SITE GLOBALS */

body { 
	background: #EEE3CB;
	color: #000;
  font-family:  Arial, Helvetica, sans-serif;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0.3em; 
}
h4 { color: #000; }
h1 { font-size: 1.8em }
h2 { font-size: 1.6em }
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
hr {
	background: #a2998a !important;
	border: 0;
	height:1px;
	margin: 12px auto;
}

sup { font-size: 0.5em }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0 }

a, a:visited, a:active { color: #a2998a }

a:hover, a.active_link { color: #47aa42 !important }

a:focus { outline : none }
label { display: block }


.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
	position: relative; 
} 

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; 
}

.clearfix {
	display: block; 
}
/* End hide from IE-mac */


/* COLORS */
.magenta-text {  color: #d31145 }
.aqua-text {     color: #00919E !important }
.orange-text {   color: #da7824 }
.blue-text {     color: #3c5ab0 !important }
.purple-text {   color: #94406e }
.teal-text { color: #00929f }


.magenta-bg { background: #d31145 }
.aqua-bg {    background: #00919E }
.orange-bg {  background: #da7824 }
.blue-bg {    background: #3c5ab0 }
.purple-bg {  background: #94406e }
.teal-bg { background: #00929f }


.smalltxt { font-size: 0.7em !important;}

/* MAIN INTERFACE */
 
#container { 
	width: 960px;
	height: auto;
	margin: 36px auto 0 auto;
	padding-bottom: 36px;
}


h1 a.top_logo {
  background: url(../images/interface/top_logo.png) no-repeat top left;
  width: 287px;
  height: 48px;
  text-indent: -9999px !important;
  display: block;
  float: left;
  margin-bottom: 7px;
}
  ul#primary_nav {
   float:right;
   margin-top: 26px;
  }
    ul#primary_nav li {
      display: inline;
      margin-right: 30px;
    }
      ul#primary_nav li a {
        text-decoration: none;
        font-size: .85em;
        text-transform: lowercase;
        color:#000000;
      }
      
      
      hr.tall_break {
        background: #a2998a;
        height: 8px;
      }

#secondary_nav_container {
  width: 212px;
  float: left;
  margin-right: 60px;
}
  #secondary_nav_container ul li {
    width: 98px !important;
    height: 78px;
    margin: 2px;
    background: #279627;
    float: left;
    display: inline;
    text-indent:-99999px;
  }

					#secondary_nav_container ul li a {
						display : block;

						height : 78px;
						overflow : hidden;
						background-position : 0 0px;
					}
			
						#secondary_nav_container ul  a:hover {
						background-position : 0 -78px !important;
						}
						
						#secondary_nav_container ul li.adv_mar_svc a {
							background:url(../images/interface/menu/m1.png) no-repeat top left;
							
						}
						#secondary_nav_container ul li.adv_mar_svc_active a {
							background : url(../images/interface/menu/m1.png) no-repeat top left;
							background-position: 0 -156px !important;

						}
						
							#secondary_nav_container ul li.cre_car a {
							background:url(../images/interface/menu/m4.png) no-repeat top left;

						}
							#secondary_nav_container ul li.cre_car_active a {
							background : url(../images/interface/menu/m4.png) no-repeat top left;
							background-position: 0 -156px !important;

						}
						
											

						#secondary_nav_container ul li.pra_fin_com a {
							background:url(../images/interface/menu/m3.png) no-repeat top left;
			
						}
						#secondary_nav_container ul li.pra_fin_com_active a {
							background : url(../images/interface/menu/m3.png) no-repeat top left;
							background-position: 0 -156px !important;
	
						}
						
						#secondary_nav_container ul li.pat_fin a {
							background:url(../images/interface/menu/m2.png) no-repeat top left;

						}
						#secondary_nav_container ul li.pat_fin_active a {
							background : url(../images/interface/menu/m2.png) no-repeat top left;
							background-position: 0 -156px !important;

						}
						


						#secondary_nav_container ul li.cre_car_pro a {
							background:url(../images/interface/menu/m5.png) no-repeat top left;

						}
						#secondary_nav_container ul li.cre_car_pro_active a {
							background : url(../images/interface/menu/m5.png) no-repeat top left;
							background-position: 0 -156px !important;

						}
						
						#secondary_nav_container ul li.pay_tax_man a {
							background:url(../images/interface/menu/m6.png) no-repeat top left;

						}
						#secondary_nav_container ul li.pay_tax_man_active a {
							background : url(../images/interface/menu/m6.png) no-repeat top left;
							background-position: 0 -156px !important;

						}


						#secondary_nav_container ul li.appliances a {
							background:url(../images/interface/menu/appliances.png) no-repeat top left;

						}
						#secondary_nav_container ul li.appliances_active a {
							background : url(../images/interface/menu/appliances.png) no-repeat top left;
							background-position: 0 -156px !important;

						}


						#secondary_nav_container ul li.mes_onh a {
							background:url(../images/interface/menu/m7.png) no-repeat top left;

						}
						#secondary_nav_container ul li.mes_onh_active a {
							background : url(../images/interface/menu/m7.png) no-repeat top left;
							background-position: 0 -156px !important;

						}
						
						#secondary_nav_container ul li.app_rem a {
							background:url(../images/interface/menu/m8.png) no-repeat top left;

						}
						#secondary_nav_container ul li.app_rem_active a {
							background : url(../images/interface/menu/m8.png) no-repeat top left;
							background-position: 0 -156px !important;

						}      
      
 
						#secondary_nav_container ul li.app_for_sta a {
							background:url(../images/interface/menu/m9.png) no-repeat top left;

						}
						#secondary_nav_container ul li.app_for_sta_active a {
							background : url(../images/interface/menu/m9.png) no-repeat top left;
							background-position: 0 -156px !important;

						}
						
						#secondary_nav_container ul li.hea_sav_acc a {
							background:url(../images/interface/menu/m10.png) no-repeat top left;

						}
						#secondary_nav_container ul li.hea_sav_acc_active a {
							background : url(../images/interface/menu/m10.png) no-repeat top left;
							background-position: 0 -156px !important;

						}      
  
						
						#secondary_nav_container ul li.dig_pap_pat a {
							background:url(../images/interface/menu/m11.png) no-repeat top left;
						}
						#secondary_nav_container ul li.dig_pap_pat_active a {
							background : url(../images/interface/menu/m11.png) no-repeat top left;
							background-position: 0 -156px !important;
						}
						
						#secondary_nav_container ul li.pos_met a {
							background:url(../images/interface/menu/m12.png) no-repeat top left;
						}
						#secondary_nav_container ul li.pos_met_active a {
							background : url(../images/interface/menu/m12.png) no-repeat top left;
							background-position: 0 -156px !important;
						}          

						#secondary_nav_container ul li.shipping a {
							background:url(../images/interface/menu/m13.png) no-repeat top left;
						}
						#secondary_nav_container ul li.shipping_active a {
							background : url(../images/interface/menu/m13.png) no-repeat top left;
							background-position: 0 -156px !important;
						}    
  
  
  
  
  
  
div.content h2 {
   font-size: 2em;
   line-height: 1.2em;
   font-weight: normal;
   padding-top:27px;
   margin-bottom: 10px;
   max-width: 570px;
}

div.content p, div.two-col p {
  max-width: 570px;
  margin-bottom: 5px;
  font-size: 0.9em;
}
      
div.two-col {
  float: left;
  width: 50% !important;  
}
  div.two-col img {
    border-bottom: 4px solid #fff !important;
  }
  
  div.two-col h2 {
    color: #fff;
    border-top: 4px solid #fff !important;
    padding: 22px 20px;
    font-size: 1.75em;
    margin-top:-10px;
    margin-bottom: 25px;
    font-weight: bold;
    text-transform: lowercase;
    width: 448px;
  }
  
  div.two-col p { margin: 0 0 10px 23px }
div.secondary_column {
 /* width:20%;*/
  padding-top:80px;
  width: 18%;
  float: right;
}

    div.secondary_column img { 
      display:block;
      margin:0 auto !important;
    }
img.sc_logo { 
  text-align: center; 
  margin-left: 20px;
  margin: 140px 0 20px 20px;
}

div.secondary_column p { 
  padding-left: 20px;
  line-height: 1.1em;
  margin-top: 40px;
  font-size: 1.5em;
  text-align: center;
}

h5 a.callout_link, h5 a.callout_link:hover {
  padding: 9px 6px;
  border: 6px solid #fff;
  color: #fff !important;
  text-decoration: none;
  width: 80%;
  font-size: .85em;
  display: block;
  margin: 10px auto 0;;
 /* margin: 10px 0 0 20px;*/
}

h3 a.callout_link {
  margin: 40px 0;
  color: #47aa42;
  display: block;
  font-weight: normal;
  text-decoration: none;
}

span.highlight_text {
  font-weight: bold;
  font-size: 1.4em;
  position: relative;
  top: 3px;
}
span.detail_text {
  font-size: .5em;
  display: block;
}
div#home_qom { 
  float: left; 
  color: #fff;
  background: #a04276;
  margin: 20px 0;
}
/*
div#home_qom h4 { 
  color: #fff; 
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.3em;
}*/
div#home_qom img {
  float: left;
 /* border-right: 4px solid #fff;*/
}
/*
div#home_qom div {
  width:58%;
  float: left;
  padding: 30px 30px;
  color: #fff;
}*/
/*
div#home_qom div p a  {
  color: #fff;
  text-decoration: none;
  font-style: italic;
}*/

div#foot {
 padding: 10px 0;
 margin-bottom: 20px;
 font-size: .7em;
 clear: both; 
 color: #a19789;
}
  div#foot p {
    float: left;
  }
  div#foot ul {
    float: right;
  }
      div#foot ul li {
        display: inline;
        margin-right: 15px;
        padding-right: 15px;
        border-right: 1px solid;
      }
       div#foot ul li a { text-decoration: none}
        div#foot ul li.last_li {
        border-right: 0px !important;
        padding-right: 0px;
      }
      
      
#resources_ul { width:725px; margin: 15px 0 0 266px}
  #resources_ul li { 
    padding: 6px; 
    min-height: 82px;
    margin: 5px 0;
  }
  #resources_ul li a { color: #fff }
    #resources_ul li span.rul_title { 
      font-size: 1.6em;
      display: block;
      font-weight: bold;
      color: #fff;
      padding-left:10px;
    }
    span.rul_description { display: block; width: 525px; padding-left:10px }
    #resources_ul li#rul_row1 { background: #de6d27 }
    #resources_ul li#rul_row2 { background: #ec891d }
    #resources_ul li#rul_row3 { background: #e39f15 }
    #resources_ul li#rul_row4 { background: #ffc425 }

span.hide {
  display: block;
  margin-top: 15px;
}  

div.one-col > h2, div.one-col > p { margin-left:276px !important; padding-left:5px; }

div#admin_bar {
  background: #dea01c;
  color: #fff;
  border: 1px dotted #ccc;
  padding: 10px 6px;
  font-weight: bold;
  text-align: center;
}
div#admin_bar a { color: #fff}

#block table{
	padding: 3px;	
}

#block .even {
	color: #343434;
}

#block {
	padding: 5px;
}

.even {
	background: #efefef !important;
	padding-right: 5px !important;
	vertical-align: middle;
}