/*----------------------------------------------------
                 Agivee - CSS File
------------------------------------------------------*/

/* Global
------------------------------------------------------*/
html, body {
  height: 100%
}

body {
  font-family: Tahoma, Arial, Verdana;
  font-size: 12px;
  margin: 0 auto;
  padding: 0;
  background-image: url(../images/bg-body.jpg);
  background-repeat: repeat;
  color: #6f6f6f;
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
  /* removes ugly dotted border but may make template more unsuable, up to you
          if you want to keep it! */
}

.clr {
  clear: both
}

form {
  margin: 0;
  padding: 0;
}

hr {
  border: 0;
  color: #dedede;
  background-color: #dedede;
  height: 1px;
  margin: 10px 0px 6px 0px;
  padding: 0px;
}

table {
  border-collapse: collapse;
}

/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5 {
  margin-bottom: 15px;
  font-family: Tahoma, Arial, Verdana;
  font-weight: normal;
  color: #444444;
  text-align: left;
}

h1 {
  font-size: 28px;
  line-height: 30px;
}

h2 {
  font-size: 22px;
  line-height: 28px;
}

h3 {
  font-size: 18px;
  line-height: 20px;
}

h4 {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}

h5 {
  font-size: 12px;
  margin: 3px 0px;
  padding: 0px;
  letter-spacing: 1px;
  font-weight: bold;
}

/* links */
a {
  color: #ff4e00;
  text-decoration: none;
}

a:visited {
  color: #ff4e00;
  text-decoration: none;
}

a:hover {
  color: #ff9566;
}

a img {
  border: none
}

.imgleft {
  float: left;
  padding: 3px 12px 0px 0px;
}

.imgright {
  float: right;
  padding-left: 12px;
}

.pf-content h5 a, .pf-content h3 a, .pf-content h4 a {
  color: #111571;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 14px;
  color: #6f6f6f;
}

ul, ol {
  margin: 5px;
}

li ol, li ul {
  font-size: 1.0em;
  list-style: square;
  margin-bottom: 0;
  margin-top: 0;
}

li ol {
  list-style: decimal;
}

blockquote {
  font-style: italic;
  margin: 0px;
  color: #6f6f6f;
  padding: 2px 4px 2px 38px;
  background-image: url(../images/quote.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;
}

/* code */
code {
  font-family: Tahoma, Arial, Verdana;
  letter-spacing: 1px;
  margin: 25px 0 25px 0px;
  display: block;
  font-size: 0.9em;
  border-left: 4px solid #dddddd;
  padding: 15px 10px;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  padding-right: 15px;
  float: left;
}

input[type=text], input[type=password], textarea {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  width: 374px;
  padding: 3px 5px 3px 5px;
  color: #6b6b6b;
}

input[type=submit] {
  background-color: #202020;
  color: #8E8C8C;
  float: left;
  font-size: 14px;
  font-weight: bold;
  /*
  border-bottom-color: fuchsia;
  border-left-color: fuchsia;
  border-top-color: yellow;
  border-right-color: yellow;
  */
  border: none;
  height: 30px;
  line-height: 18px;
  margin: 0 auto;
  min-width: 100px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Container
------------------------------------------------------*/
#page-container {
  width: 988px;
  margin: 0 auto;
}

.page-container-inner {
  width: 988px;
  background-image: url(../images/bg-container.png);
  float: left;
}

.frame {
  width: 920px;
  margin: 0 auto;
}

/* Header
------------------------------------------------------*/
#header {
  height: 139px;
  width: 920px;
  background-image: url(../images/top-shadow.jpg);
  background-position: center 46px;
  background-repeat: no-repeat;
}

#top-header {
  height: 108px;
  background-image: url(../images/strip-line.gif);
  background-position: top;
  background-repeat: repeat-x;
}

#bottom-header {
  width: 920px;
  border-bottom: 1px solid #969696;
  float: left;
}

.logo {
  width: 600px;
  padding: 16px 0px 0px 0px;
  float: left;
}

.phone {
  font-size: 18px;
  padding: 16px 0px 0px 0px;
  float: right;
}

.phone-get {
  font-size: 14px;
  color: #ff4e00;
}

/* Search styling */
.search-fieldset {
  border: none;
}

#search-box {
  padding-bottom: 6px;
  float: left;
  height: 23px;
}

#search-box a {
  position: relative;
  top: -5px;
}

#search {
  float: right;
  width: auto;
}

#s {
  font: 12px Tahoma, Arial, Verdana;
  font-size: 11px;
  color: #c8c9be;
  padding: 4px 30px 4px 3px;
  background-color: #fff;
  border: 1px solid #d3d2d2;
  width: 185px;
}

#s:focus {
  border: 1px solid #adacac;
  color: #adacac;
}

#search .go {
  position: absolute;
  margin: 3px 0 0 -22px;
}

/* Top Navigation bar menu styling */
#nav-menu {
  width: 630px;
  float: left;
  margin: 5px 0px 5px 0px;
  list-style-type: none;
}

#nav {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

#nav ul {
  padding: 0;
  margin: 0;
  width: auto;
  list-style: none;
  height: 30px;
  position: relative;
}

#nav li {
  list-style: none;
  float: left;
  text-align: center;
  padding: 0;
  font: normal 11px Tahoma, Arial, Verdana;
  line-height: 26px;
}

#nav li a {
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  color: #ffdbcd;
  text-decoration: none;
}

#nav li a:hover {
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  color: #535353;
}

/*  Homepage Slider
------------------------------------------------------*/
#slideshow {
  background-color: #202020;
  width: 920px;
  height: 283px;
  margin: 15px 0px 0px 0px;
  float: left;
}

#slideshow-threed {
  width: 920px;
  height: 283px;
  margin: 15px 0px 0px 0px;
  float: left;
}

#box-nav-slider {
  background-image: url(../images/strip-line.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  width: 920px;
  height: 17px;
  float: left;
}

#slideshow-navigation a {
  background: url(../images/slide.png) no-repeat scroll 50% 50%;
  display: block;
  float: left;
  font-size: 0px;
  width: 9px;
  height: 9px;
  margin: 2px;
  outline-style: none;
  outline-width: medium;
  padding: 2px;
}

#slideshow-navigation {
  float: right;
  padding-right: 10px
}

#slideshow-navigation .activeSlide {
  background: url(../images/slide.png) no-repeat scroll 0% 50%;
}

.img-slide {
  width: 460px;
  height: 283px;
  float: left;
}

.text-slide {
  width: 420px;
  padding-left: 20px;
  padding-right: 20px;
  height: 283px;
  float: left;
}

.slidehalf {
  margin-top: 0px; /*margin-right:20px; float:left;*/
}

/* Editable Slider Image Position */
.slidehalf2 {
  margin-top: 0px;
  margin-right: 0px;
  float: left;
}

/* Editable Slider Image Position */
.slide-text h1 {
  color: #FFF;
  padding: 50px 20px 0px 0px
}

.slide-text p {
  font-size: 12px;
  color: #b5b5b5;
  line-height: 22px;
}

.slide-text a.read_more {
  color: #ff4e00;
  font-size: 12px;
}

.flash-img {
  text-align: center;
  display: block;
  margin: 100px auto 0 auto;
}

/* Content
------------------------------------------------------*/
#content {
  width: 920px;
  padding: 20px 0px 20px 0px;
  float: left;
}

.imgleft {
  float: left;
  padding-right: 15px;
}

.imgright {
  float: right;
  padding-left: 15px;
}

.imgleft-box {
  float: left;
  border: solid 1px #cfd4c3;
  padding: 6px;
  margin-right: 15px;
  background-color: #f9fbf4;
}

.imgright-box {
  float: right;
  border: solid 1px #cfd4c3;
  padding: 6px;
  margin-left: 15px;
  background-color: #f9fbf4;
}

#content1 h2, #content2 h2, #content3 h2 {
  background-color:#F5F5F5;
  padding: 0 10px;
  border-bottom: 1px solid #ffffff;
}

#content1 .maincontent, #content2 .maincontent, #content3 .maincontent {
  min-height: 310px;
  padding: 10px;
}

#content1 {
  float: left;
  width: 295px;
  background-color:#F5F5F5;
}

#content2 {
  float: left;
  width: 295px;
  margin-left: 17px;
  background-color:#F5F5F5;
}

#content3 {
  float: left;
  width: 295px;
  margin-left: 17px;
  background-color:#F5F5F5;
}

.orange {
  color: #ff4e00;
}

ul.content-list {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul.content-list li {
  background-image: url(../images/arrow.gif);
  background-position: 0px 6px;
  background-repeat: no-repeat;
  padding: 0px 0px 12px 17px;
  line-height: 18px;
}

ul.content-list li a {
  text-decoration: none;
}

ul.content-list li a:hover {
  text-decoration: underline;
}

/* Featured Project */
#featured {
  margin-top: 3px;
  height: 255px;
}

.bg-featured {
  text-align: center;
  background-image: url(../images/strip-line.gif);
  background-repeat: repeat;
  width: 275px;
  height: 157px;
  padding: 5px 5px;
}

.featured-text {
  padding-top: 5px;
}

/* Bottom Box */
.imgleft-bottom {
  width: 88px;
  height: 90px;
  float: left;
  margin-right: 15px;
}

#bottom-box {
  width: 908px;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #e5e6e2;
  float: left;
}

#bottom-box-inner {
  background-image: url(../images/strip-line.gif);
  background-repeat: repeat;
  width: 908px;
  line-height: 16px;
  float: left;
}

#bottom-box-inner h4 {
  padding-top: 8px;
  margin-bottom: 8px;
  color: #ff4e00;
}

.box1 {
  width: 437px;
  font-size: 11px;
  padding: 10px 0px 10px 10px;
  float: left;
}

.box2 {
  width: 437px;
  margin-left: 10px;
  font-size: 11px;
  padding: 10px 0px;
  float: left;
}

/* Footer
------------------------------------------------------*/
#footer {
  width: 920px;
  height: 142px;
  font-size: 11px;
  margin: 0px auto;
  color: #686868;
  background-color: #202020;
  line-height: 18px;
  float: left;
}

#footer a, #footer a:visited {
  color: #686868;
  text-decoration: none;
}

#footer p {
  font-size: 11px;
  color: #686868;
}

.footer1 {
  width: 269px;
  float: left;
  margin-left: 20px;
  padding-top: 15px;
}

.footer1 div {
  font-weight: bold;
  font-size: smaller
}

.footer2 {
  width: 269px;
  float: left;
  margin-left: 37px;
  padding-top: 21px;
}

.footer2 ul {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  list-style-type: none;
}

.footer2 ul li {
  list-style: none;
  border-bottom: solid 1px #686868;
  line-height: 24px;
  text-align: right;
}

.footer3 {
  width: 269px;
  float: left;
  margin-left: 37px;
  padding-top: 15px;
}

.footer3 h3 {
  color: #686868;
}

.twitter {
  padding-right: 5px;
  float: left;
}

#social span {
  background: url(../images/social-icon.jpg);
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 5px 0 0;
}

#fb-icon span {
  background-position: 0px 0;
}

#fb-icon a:hover span {
  background-position: 0px -16px;
}

#twit-icon span {
  background-position: -16px 0;
}

#twit-icon a:hover span {
  background-position: -16px -16px;
}

#flic-icon span {
  background-position: -32px 0;
}

#flic-icon a:hover span {
  background-position: -32px -16px;
}

#rss-icon span {
  background-position: -48px 0;
}

#rss-icon a:hover span {
  background-position: -48px -16px;
}

.sf_admin_list table {
  width: 100%;
}

#catalog-content table tr td, #catalog-content table tr th {
  padding: 3px;
}

#catalog-content table tr td, #catalog-content table tr th {
  border: 1px solid #6F6F6F;
  border-collapse: collapse;
}

#catalog-content table tr th img {
  margin-right: 0px;
}

.ui-autocomplete {
  z-index: 1000;
}

#advanced-search label {
  float: left;
  padding-right: 15px;
  text-align: right;
  width: 100%;
}

#advanced-search table tr td, #advanced-search table tr th {
  border: 0px;
  border-collapse: collapse;
  padding: 5px;
}

#advanced-search table tr th {
  text-align: left;
}

#advanced-search table tr:hover {
  background-color: #F8F8F6;
}

li {
  list-style: none;
}

ul.ui-autocomplete {
/*left:1121.5px;*/
  max-height: 25em;
  overflow: auto;
  top: 131px; /*width:300px;*/
  z-index: 1000 !important;
}

.pager {
  float: left;
  width: 100%;
}

.pager ul {
  margin: 0px;
}

.pager ul li {
  list-style: none;
  display: inline;
  color: #444444;
}

.pager ul li a {
  padding: 2px;
  font-weight: bold;
  color: #6F6F6F;
}

.pager .num-results {
  float: right;
  padding-bottom: 5px;
}

.pager ul li a img {
  margin-bottom: -3px;
}

.pager .active {
  background-color: #6F6F6F;
  color: #ffffff;
}

.orders-list {
}

.orders-list .action-link img {
  margin-bottom: -2px;
}

#flash-box {
  width: 908px;
  margin: 5px 0px;
  padding: 5px;
  border: 1px solid #e5e6e2;
  float: left;
}

#flash-box-inner {
  background-image: url(../images/strip-line.gif);
  background-repeat: repeat;
  width: 908px;
  line-height: 16px;
  float: left;
}

#flash-box-inner h4 {
  padding-top: 8px;
  margin-bottom: 8px;
  color: #ff4e00;
}

.flash-box-info {
  background: url("../images/info.png") no-repeat scroll 5px 50% transparent;
  float: left;
  font-size: 12px;
  margin: 10px;
  padding-left: 25px;
  font-weight: bold;
}

.shopping-cart {
  float: left;
  width: 910px;
  text-align: right;
  padding: 5px;
}

.shopping-cart img {
  margin-bottom: -4px;
}

.orders-list label {
  float: none;
}

.orders-list .action-link {
  margin-right: 10px;
}

#sf_admin_bar {
  float: none;
  width: 900px;
}

#subcategory-filters a {
  color:#111571;
}

#subcategory-filters .active {
  color:#FF4E00;
  font-weight: bold;
}

.pf-content .model-title a {
  color: #444444;
}

.float-left{
  float:left;
}

.float-right{
  float:right;
}