/* == Font Face == */
@font-face {
    font-family: 'helveticaneuelight';
    src: url(../fonts/helveticaneue-light-webfont.eot);
    src: url(../fonts/helveticaneue-light-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/helveticaneue-light-webfont.woff) format('woff'),
         url(../fonts/helveticaneue-light-webfont.ttf) format('truetype'),
         url(../fonts/helveticaneue-light-webfont.svg#helveticaneuelight) format('svg');
    font-weight: normal;
    font-style: normal;

}

/* == Reset Browser Defaults == */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
    margin: 0; padding: 0; border: 0;
    font-family: 'helveticaneuelight', helvetica, arial, sans-serif;
}

a {
  outline: none;
}

.clear:after {
  content: ""; display: block; clear: both;
}
  .clear { zoom: 1; } 

/* == Main Body == */
body {  
    margin:0px; padding:0px;  
}

/* == Wrapper & Container == */ 
#wrapper {
  margin:0 auto;
}

/* == Header == */
#header-wrapper {
  height:211px;
  margin:0 auto;
  position: relative;
}

#header {
  background: url(../images/saco-head-bg.jpg) no-repeat;
  height:211px;
  width:1004px;
  margin: 0 auto;
  position: relative;
}

#header-behind {
  height:211px;
  margin:-211px auto;
}

#header-strip {
  background:#000;
  height:161px;
  margin:-161px auto;
}

#menu-behind {
  height: 50px;
  margin: 161px auto;
  background: url('../images/top-nav-bg-1px-noshade.jpg') repeat-x;
}

#header div.saco-logo {
  background-image: url('../images/saco-head-logo.jpg');
  background-repeat:no-repeat;
  float: left;
  width:195px;
  height:78px;
  margin: 42px 0 14px 45px;
}
#header div.saco-logo a h1 {
    display:block;
    width:195px;
    height:78px;
    text-indent:-9999px;
    color: transparent;
}

#header div.saco-info {
    margin: 42px 0 14px 556px;
    width:162px; height:78px;
    font-size: 20px;
    text-align: center;
    color: transparent;
    background-image: url(../images/saco-info.jpg);
    background-repeat: no-repeat;
    float: left;
}

/* == Features Box == */
#feature-box {
  background-image: url(../images/feature-bg.jpg);
  background-repeat:no-repeat;
  width:914px;
  height:165px;
  margin: 86px auto 0 auto;
  clear: both;
}
#feature-box h6 {
  font-family: 'helveticaneuelight', sans-serif;
  font-weight:normal;
  font-size:15px;
  line-height:18px;
}
#feature-box p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:14px;
  margin: 5px 0 0 0;
}
#feature-box #cat-box {
  width:274px;
  height:135px;
  float:left;
}
#feature-box #bull-box {
  width:274px;
  height:135px;
  float:left;  
}
#feature-box #tip-box {
  width:274px;
  height:135px;
  float:left;    
}
.block_inside { 
  display:block;  
  padding:15px;
  overflow:auto;
}
.text_block {
  float:left;
  width:165px;
  margin:0;
}
.text_block .get-cat  {
  float:left;
  height:20px;
  width: 107px; 
  background-image:url(../images/but-soon.jpg);
  display:block;
  margin:3px 0;
  text-indent:-9999px;
}
.text_block a.get-cat  {
  float:left;
  height:20px;
  width: 83px; 
  background-image:url(../images/but-getcat.jpg);
  display:block;
  margin:3px 0;
  text-indent:-9999px;
}
.text_block a.get-cat:hover, a.get-cat:focus {  
  background-position: 0 -20px;  
}
.text_block a.get-bull  {
  float:left;
  height:20px;
  width:107px; 
  background-image:url(../images/but-bulldload.jpg);
  display:block;
  margin:3px 0;
  text-indent:-9999px;
}
.text_block a.get-bull:hover, a.get-bull:focus {  
  background-position: 0 -20px;  
}
.text_block a.tip-signup  {
  float:left;
  height:20px;
  width:64px; 
  background-image:url(../images/but-tipsign.jpg);
  display:block;
  margin:3px 0;
  text-indent:-9999px;
}
.text_block a.tip-signup:hover, a.tip-signup:focus {  
  background-position: 0 -20px;  
}
.text_block a.view-tips  {
  float:left;
  height:20px;
  width:72px; 
  background-image:url(../images/but-tipview.jpg);
  display:block;
  margin:3px 0 0 15px;
  text-indent:-9999px;
}
.text_block a.view-tips:hover, a.view-tips:focus {  
  background-position: 0 -20px;  
}
.text_block .saco-phone  {
  float:left;
  height:15px;
  width: 160px; 
  background-image:url(../images/saco-number.jpg);
  background-repeat:no-repeat;
  display:block;
  margin:10px 0;
  text-indent:-9999px;
}
.image_block-cat-box {
  float:right;
  width:85px;
  height:110px;
  margin:7px 0;
}
.image_block-bull-box {
  float:right;
  width:85px;
  height:120px;
  margin:7px 0;  
}
.image_block-tip-box {
  float:right;
  width:85px;
  height:85px;
  margin:23px 5px 0 0;  
}

/* == Baselink Box == */
#baselink-box {
  background-image:url(../images/baselink-bg.jpg);
  background-repeat:no-repeat;
  width:914px;
  height:243px;
  margin: 36px auto 35px auto;
  clear: both;
}
#baselink-box #welcome-box {
  width:240px;
  height:193px;
  float:left;
}
#baselink-box #welcome-box h6 {
  font-family: 'helveticaneuelight', sans-serif;
  font-weight:normal;
  font-size:14px;
}
#baselink-box #welcome-box p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:13px;
  margin: 10px 0 0 0;
}
#baselink-box #welcome-box li {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:13px;
  margin: 7px 0 0 0;
  list-style:none;
}
#baselink-box #nav-product {
  width:184px;
  height:193px;
  float:left;
}
#baselink-box #nav-product h5 a {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:14px;
  color:#000;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:normal;
}
#baselink-box #nav-product h5 a:hover, a:focus {
  color:#006d9a;
  text-decoration:underline;
}
#baselink-box #nav-product ul {
  list-style:none;
  margin-top:8px;
}
#baselink-box #nav-product li a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:23px;
  text-transform:uppercase;
  color:#939598;
  text-decoration:none;
}
#baselink-box #nav-product li a:hover, a:focus {
  color:#006d9a;
  text-decoration:underline;
}
#baselink-box #nav-resource {
  width:184px;
  height:193px;
  float:left;
}
#baselink-box #nav-resource h5 a {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:14px;
  color:#000;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:normal;  
}
#baselink-box #nav-resource h5 a:hover, a:focus {
  color:#006d9a;
  text-decoration:underline;
}
#baselink-box #nav-resource ul {
  list-style:none;
  margin-top:8px;
}
#baselink-box #nav-resource li a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:23px;
  text-transform:uppercase;
  color:#939598;
  text-decoration:none;
}
#baselink-box #nav-resource li a:hover, a:focus {
  color:#006d9a;
  text-decoration:underline;
}
#baselink-box #nav-aboutus {
  width:184px;
  height:193px;
  float:left;
}
#baselink-box #nav-aboutus h5 a {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:14px;
  color:#000;
  font-weight:normal;
  text-transform:uppercase;  
  text-decoration:none;
}
#baselink-box #nav-aboutus h5 a:hover, a:focus {
  color:#006d9a;
  text-decoration:underline;
}
#baselink-box #nav-aboutus h5 a.spacer {
  line-height:37px;
}
#baselink-box #nav-aboutus p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
  color:#000;
}
#baselink-box #nav-aboutus p a {
  color:#000;
  text-decoration:none;
}
#baselink-box #nav-aboutus p a:hover, a:focus {
  color:#006d9a;
  text-decoration:underline;
}
#baselink-box #nav-aboutus p.spacer {
  padding-top:14px;
}
#baselink-box #nav-aboutus p.space-caps {
  padding-top:14px;
  text-transform:uppercase;
}
.block_inside { 
  display:block;  
  padding:15px;
  overflow:auto;
}
.block_inside-25-top { 
  display:block;  
  padding:25px 15px 25px 15px;
  overflow:auto;
}

/* == Footer == */
#bm-footer {  
    background: url(../images/footer-strip-1px.jpg);
  background-repeat:repeat-x;
  color:#bdc3dc;
  height:50px;
  width:1004px;
  margin:0 auto;
}

#bm-footer-behind {
  background: url(../images/footer-strip-1px.jpg);
  background-repeat:repeat-x;  
  height:50px;
  margin:-50px auto;
}

#bm-footer-details {  
  height:50px;
  width:700px;
  margin-left:70px;
  float:left;
}

#bm-footer-details-copyright {  
  height:17px;
  width:700px;
  float:left;
  padding-top:10px;
}

#bm-footer-details-copyright ul {  
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:center;
  list-style:none;
} 

#bm-footer-details-copyright li {  
  display:inline;
  padding: 0 15px 0 0;
}

#bm-footer-details-copyright li a {  
  color:#FFF;
  text-decoration:none;
}

#bm-footer-details-copyright li a:hover, a:focus {
  text-decoration:underline;
}

#bm-footer-details-fineprint {  
  height:22px;
  width:700px;
  float:left;
}

#bm-footer-details-fineprint p {  
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  text-align:center;
}

#bm-footer-details-fineprint p a {  
  color:#FFF;
  text-decoration:none;
}

#bm-footer-details-fineprint p a:hover, a:focus {
  text-decoration:underline;
}

#bm-footer-wheel {  
  background: url(../images/wheel-logo.jpg);
  background-repeat:no-repeat;  
  height:50px;
  width:103px;
  margin-right:70px;
  float:right;
}

/* == Content Page Elements == */ 
#content-wrapper {
  width:1004px;
  margin-top:-60px;
  margin-bottom:0px;
  margin-left:auto;  
  margin-right:auto;
}

#top-bar-wrapper {
  height:110px;
  background-image:url(../images/top-bar-wrap-1px.jpg); background-repeat:repeat-x;
}

#top-bar {
  width:1004px;
  height:50px;
  background-image:url(../images/tbar-grad.jpg); background-repeat:repeat-x;
  margin:0 auto;
}

#top-bar #qlink-head {
  width:165px;
  height:50px;
  background-image: url(../images/qlink-head.jpg); background-repeat:no-repeat;
  margin-left:45px;
}


/* == Breadcrumbs (Original)== */
#top-bar #breadcrumb-wrapper {
  float:right;
  width:691px;
  height:34px;
  margin-left:45px;
  margin-right:45px;
  padding-top:14px;
}

#breadcrumb { 
  float: left; 
  display: block;
  height: 20px;
  width:100%;
}

#breadcrumb ul { 
  list-style: none; 
}

.crumbs { 
  display: block; 
}

.crumbs li {  
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  display: inline; 
}

.crumbs li.first { 
  padding-left:20px; 
}

.crumbs li a, .crumbs li a:link, .crumbs li a:visited { 
  color: #666; 
  display: block; 
  float: left; 
  font-size: 10px;
  margin-left: -13px; 
  padding: 3px 17px 5px 17px; 
  position: relative; 
  text-decoration: none; }

.crumbs li a { 
  background-image: url(../images/crumb-panels.png);  
  background-repeat: no-repeat; 
  background-position: 100% 0; 
  position: relative; 
}

.crumbs li a:hover { 
  color: #333; 
  background-position: 100% -25px; 
  cursor: pointer; 
}

.crumbs li a:active { 
  color: #333; 
  background-position: 100% -50px;
}

.crumbs li.first a span { 
  height: 20px; 
  width: 3px; 
  position: absolute; 
  top: 0px; 
  left: 0px;
  border-left:1px solid #acacac; 
}

/* == Breadcrumbs - FOR JOOMLA == *
#top-bar #breadcrumb-wrapper {
  float:right;
  width:704px;
  height:34px;
  margin-left:31px;
  margin-right:45px;
  padding-top:14px;
}

#breadcrumb { 
  float: left; 
  display: block;
  height: 20px;
  padding-top:1px; 
}

#breadcrumb ul { 
  list-style: none; 
}

.crumbs { 
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #666;
  line-height:21px;
  display: inline;
}

.crumbs a { 
  color: #666;
  text-decoration:none;
}

.crumbs a:hover {
  color:#e51937; 
  text-decoration:underline;
}

/* == Side Box == */
#side-box-top {
  float:left;
  width:165px;
  margin-left:45px;
  margin-bottom:55px;
  background-image: url(../images/side-box-edges.jpg); background-repeat:repeat-y;
}

#side-box-top #qlinks {
  width:145px;
  float:left;
  padding-left: 15px;
  padding-right: 15px;
}
#side-box-top #qlinks ul {
  list-style:none;
  margin-top:12px;
}
#side-box-top #qlinks li {
  height:20px;
  width:135px;
  border-bottom:1px dotted #939598;  
}
#side-box-top #qlinks li a {
  font-family:Arial, Helvetica, sans-serif;
  line-height:20px;
  font-size:10px;
  text-transform:uppercase;
  color:#939598;
  text-decoration:none;
}
  
#side-box-top #qlinks li a:hover, a:focus {
  color:#58595b;
  text-decoration:underline;
}

#side-box-top #side-box-main {
  margin-top:23px;
  float:left;
  width:165px;
  height:398px;
  background-image:url(../images/sidebox-mainlink-bg.jpg); background-repeat:no-repeat;
}

#side-box-top #side-cat-box {
  float:left;
  width:165px;
  height:132px;
}

.side-cat-title {
  width:133px;
  height:30px;
  padding-top:10px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:7px;    
}

.side-cat-title h5 {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:14px;
  line-height:15px;
  color:#000;
  font-weight:normal;
}

.bm-cat-smallpic {
  float:left;
  width:55px;
  height:70px;
  padding-left:16px;
  padding-bottom:15px;
}

.bm-cat-smallpic a {
  text-decoration:none;
}

.side-box-text {
  float:right;
  padding-left:7px;
  padding-right:16px;
  padding-top:5px;
  padding-bottom:10px;  
  width:71px;
  height:70px;
}

.side-box-text p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height:13px;
}

.side-box-text a {
  font-weight:bold;
  text-decoration:none;
  color:#000;  
  line-height:20px;  
}

.side-box-text a:hover {
  text-decoration:underline;
}

.side-box-divider {
  float:left;
  width:133px;
  height:1px;
  margin-left:16px;
  margin-right:16px;
  background-image:url(../images/sidebox-dots.jpg); background-repeat:no-repeat;
}

#side-box-top #side-bull-box {
  float:left;
  width:165px;
  height:132px;
}

.side-bull-title {
  width:133px;
  height:30px;
  padding-top:10px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:7px;    
}

.side-bull-title h5 {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:14px;
  color:#000;
  font-weight:normal;
  line-height:15px;
}

.bm-bull-smallpic {
  float:left;
  width:55px;
  height:71px;
  padding-left:16px;
  padding-bottom:14px;
}

.bm-bull-smallpic a {
  text-decoration:none;
}

#side-box-top #side-tip-box {
  float:left;
  width:165px;
  height:132px;
}

.side-tip-title {
  width:133px;
  height:30px;
  padding-top:10px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:7px;    
}

.side-tip-title h5 {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:14px;
  color:#000;
  font-weight:normal;
  line-height:15px;  
}

.bm-tip-smallpic {
  float:left;
  width:55px;
  height:71px;
  padding-left:16px;
  padding-bottom:14px;
}

.bm-tip-smallpic a {
  text-decoration:none;
}

#side-box-base {
  float:left;
  width:165px;
  height:151px;
  background-image: url(../images/side-box-edges.jpg); background-repeat:repeat-y;
}

#side-box-base #side-feedback-box {
  float:left;
  width:165px;
  height:64px;
}

.feedback-smallpic {
  float:left;
  width:42px;
  height:24px;
  padding-left:16px;
  padding-bottom:20px;
  padding-top:20px;  
}

.side-feedback-title {
  float:left;
  width:98px;
  height:30px;
  padding-top:15px;
  padding-left:9px;
  padding-right:0;
  padding-bottom:20px;    
}

.side-feedback-title h5 a {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:13px;
  color:#000;
  font-weight:normal;
  text-decoration:none;
  line-height:17px;

}

.side-feedback-title h5 a:hover {
  text-decoration:underline;
}

#side-box-base #side-expert-box {
  float:left;
  width:165px;
  height:75px;
}

.expert-smallpic {
  float:left;
  width:37px;
  height:29px;
  padding-left:15px;
  padding-bottom:18px;
  padding-top:28px;  
}

.side-expert-title {
  float:left;
  width:100px;
  height:88px;
  padding-top:17px;
  padding-left:7px;
  padding-right:0;
  padding-bottom:10px;    
}

.side-expert-title h5 {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:13px;
  color:#000;
  font-weight:normal;
  text-decoration:none;
  line-height:17px;  
}

.side-expert-title h6 {
  font-family: 'helveticaneuelight', sans-serif;
  font-size:13px;
  color:#000;
  font-weight:bold;
  text-decoration:none;
  line-height:23px;
}

#shade-base {
  float:left;
  width:165px;
  height:25px;
  background-image: url(../images/sidebox-base.jpg); background-repeat: no-repeat;
}