/*
Theme Name: HWM-Super Hero
Theme URI: http://wordpress.org/
Description: Theme for HotWax Media
Version: 1.5
Author: Ryan Clayton
Tags: mantle color, variable width, two columns, widgets

Default HotWax Media theme by Ryan Clayton || http://hotwaxmedia.com
*/

/***********************************************
Reset
***********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border:0;
    margin:0;
    outline:0;
    padding:0;
    font-size: 100%;
    background:transparent;
    vertical-align: baseline;
}


blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content:'';
    content: none;
}

a, address, body, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

a img {border: none;}

ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}

body {line-height: 1;color: black;background: white;}

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

.clearfix {display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}
.clearfix {display: block;}

h1, h2, h3, h4, h5, h6 { position: relative; font-weight: normal; }
h1, h2 { line-height: 28px; margin-bottom: 5px; }
h3, h4, h5, h6 { line-height: 18px; }
h1 { font-size: 28px; top: 5px; color:#D4C98F }
h2 { font-size: 22px; top: 0px; }
h3 { font-size: 18px; top: 1px; }
h4 { font-size: 15px; top: 2px; }
h5 { font-size: 12px; top: 4px; }
h6 { font-size: 11px; top: 5px; }

p, pre, address { font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-bottom: 18px; }
abbr, code, kbd,
samp, small, var { line-height: 15px; }
ul, ol, dl, dialog { font-size: 13px; line-height: 18px; position: relative; top: 0px; margin-top: 18px; margin-bottom: 18px; margin-left:18px;}
li ul, li ol { margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p { top: 0; }
form, legend, label { font-size: 13px; line-height: 18px; }
legend { position: relative; top: 5px; }
input, textarea { font-size: 12px; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child { margin-top: 0; }

table { font-size: 13px; line-height: 18px; margin: 18px 0;}
th, td { padding: 3px 12px; line-height: 30px; }
th {  }

hr { position: relative; height: 4px; margin: 18px 0 14px 0; }

a:link {color: #ccc; text-decoration: none;}
a:visited {color: #ccc; text-decoration: none;}
a:hover {text-decoration: underline; color: #F1F1F1;}
a:active {color: #ccc; text-decoration: none;}

ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
ol{list-style-position:outside;}
ol li{padding: 3px 0;}

.padding{ padding: 5px;}
.padding-left{ padding-left: 5px;}
.padding-right{ padding-right: 5px;}
.padding-top{padding-top: 5px;}
.padding-bottom{padding-bottom: 5px;}

.padding-small{ padding: 2px;}
.padding-small-left{ padding-left: 2px;}
.padding-small-right{ padding-right: 2px;}
.padding-small-top{ padding-top: 2px;}
.padding-small-bottom{ padding-bottom: 2px;}

.padding-large{ padding: 10px;}
.padding-large-left{ padding-left: 10px;}
.padding-large-right{ padding-right: 10px;}
.padding-large-top{ padding-top: 10px;}
.padding-large-bottom{ padding-bottom: 10px;}
.padding-large-topBttm{ padding: 10px 0;}
.padding-large-leftRight{ padding: 0 10px;}

.padding-none{ padding: 0px;}
.padding-none-left{ padding-left: 0px;}
.padding-none-right{ padding-right: 0px;}
.padding-none-top{padding-top: 0px;}
.padding-none-bottom{padding-bottom: 0px;}

.margin{margin: 10px;}
.margin-left{margin-left: 10px;}
.margin-right{margin-right: 10px;}
.margin-top{margin-top: 10px;}
.margin-bottom{margin-bottom: 10px;}

.margin-small{margin: 5px;}
.margin-small-left{margin-left: 5px;}
.margin-small-right{margin-right: 5px;}
.margin-small-top{margin-top: 5px;}
.margin-small-bottom{margin-bottom: 5px;}

.margin-large{margin: 15px;}
.margin-large-left{margin-left: 15px;}
.margin-large-right{margin-right: 15px;}
.margin-large-top{margin-top: 15px;}
.margin-large-bottom{margin-bottom: 15px;}

.margin-xlarge-top{margin-top: 20px;}

.margin-none{margin: 0px;}
.margin-none-left{margin-left: 0px;}
.margin-none-right{margin-right: 0px;}
.margin-none-top{margin-top: 0px;}
.margin-none-bottom{margin-bottom: 0px;}

.align-left  {text-align: left;}
.align-center{text-align: center;}
.align-right {text-align: right;}
.align-top   {vertical-align: top;}
.align-middle{vertical-align: middle;}
.align-bottom{vertical-align: bottom;}

.float-right{float:right;}
.float-left{float:left;}
.clear-both{clear:both;}

/*start site styles*/

html,body {
  height: 100%;
  background: #151f2f;
  color: #FFFFFF;
  font:normal normal 75%/1.5 Tahoma,Verdana, Arial, Helvetica, sans-serif;
  background: url(images/mainBG.gif) repeat-x top center #182132;
  margin: 0;
  padding: 0;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -192px;
  width: 1000px;
}

.wrapper .headerSpacer {
  height: 18px;
}

.wrapper .header {
  background: url(images/BodyBgSq_01.png) top center no-repeat;
  position: relative;
  z-index: 9998;
  top:13px;
}

.wrapper .header .logo {
  width: 196px;
  float: left;
  margin: 15px 0 0 30px;
}

/*SEARCH*/
.wrapper .header .search {
  font-size: 11px;
  color: #FFFFFF;
  width: 600px;
  float: right;
  margin: 10px 20px 0 0;
  text-align: right;
}

.wrapper .header .search .searchBox {
  background: url(images/searchBG.png) no-repeat top right;
  width: 278px;
  height: 40px;
  margin: 5px 0 0 0;
  text-align: left;
}

.searchIcon {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  width: 17px;
  height: 23px;
}

.wrapper .header .search a {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: right;
}

#search_box {
  width: 245px;
  height: 31px;
  background: url(images/searchInput.png) no-repeat;
  float: left;
}

#search_box #s {
  float: left;
  padding: 0;
  margin: 6px 0 0 6px;
  border: 0;
  width: 165px;
  height: 20px;
  background: none;
}

#search_box #go {
  float: right;
  margin: 0 4px 0 0;
}

#searchSubmit a {
  cursor: pointer; /* Give it the hand cursor, like a link */
  width: 53px; /* Width of the image */
  height: 26px;
  /* Image has a height of 52px, only show the first half */
  overflow: hidden; /* Hide the overflow */
  display: block;
  background: url(images/searchBtnSliding.gif) top left;
  text-indent: 9999px;
}

#searchSubmit a:hover {
  background-position: 0 -26px;
  /* Negative height of half the sprite, to push the image up */
}

/*end Searching*/ /* GLOBALHEADER */
#globalheader {
  width: 1002px;
  margin: 23px auto 10px auto;
}

#globalheader #globalnav {
  margin: 0;
  padding: 0;
}

#globalheader #globalnav li {
  list-style: none;
  float: left;
}

#globalheader #globalnav li a {
  display: block;
  height: 53px;
  text-indent:-9999px;
  overflow: hidden;
  background-image: url(images/globalNavBg.png);
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

/* BUTTONS */
#globalheader #globalnav li#gn-services a {
  background-position: 0 0;
  width: 176px;
}

#globalheader #globalnav li#gn-work a {
  background-position: -176px 0;
  width: 175px;
}

#globalheader #globalnav li#gn-products a {
  background-position: -351px 0;
  width: 174px;
}

#globalheader #globalnav li#gn-ofbiz a {
  background-position: -525px 0;
  width: 149px;
}

#globalheader #globalnav li#gn-aboutUs a {
  background-position: -674px 0;
  width: 157px;
}

#globalheader #globalnav li#gn-contact a {
  background-position: -831px 0;
  width: 170px;
}

/* OVER STATES */
#globalheader #globalnav li#gn-services a:hover {
  background-position: 0 -54px;
}

#globalheader #globalnav li#gn-work a:hover {
  background-position: -176px -54px;
}

#globalheader #globalnav li#gn-products a:hover {
  background-position: -351px -54px;
}

#globalheader #globalnav li#gn-ofbiz a:hover {
  background-position: -525px -54px;
}

#globalheader #globalnav li#gn-aboutUs a:hover {
  background-position: -674px -54px;
}

#globalheader #globalnav li#gn-contact a:hover {
  background-position: -831px -54px;
}

/*DROP DOWN CODE*/
#globalheader #globalnav li ul {
  position: absolute;
  left: -999em;
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 11px;
  top:43px;
}

/* Drop Positions */
#globalheader #globalnav #gn-services ul {
  /* lists nested under hovered list items */
  width: 181px;
  background: url(images/dropBttmCap.png) bottom center no-repeat;
}

#globalheader #globalnav #gn-work ul {
  /* lists nested under hovered list items */
  width: 185px;
  margin-left: -5px;
  background: url(images/dropBttmCap2.png) bottom left no-repeat;
}

#globalheader #globalnav #gn-ofbiz ul {
  /* lists nested under hovered list items */
  width: 160px;
  margin-left: -6px;
  background: url(images/dropBttmCap3.png) bottom center no-repeat;
}

#globalheader #globalnav #gn-aboutUs ul {
  /* lists nested under hovered list items */
  width: 168px;
  margin-left: -6px;
  background: url(images/dropBttmCap4.png) bottom center no-repeat;
}

#globalheader #globalnav #gn-contact ul {
  /* lists nested under hovered list items */
  width: 176px;
  margin-left: -6px;
  background: url(images/dropBttmCap5.png) bottom center no-repeat;
}

/* End Drop Pos */
#globalheader #globalnav li ul li {
  background: url(images/bulletImg.gif) top left no-repeat;
  margin: 0 0 0 12px;
  padding: 0 0 0 12px;
}

#globalheader #globalnav li ul li img { /* second-level lists img */
  border: none;
  margin-right: 5px;
}

#globalheader #globalnav li ul li a { /* second-level lists links */
  background:none;
  color: #E2C6C4;
  height: 20px;
  line-height:20px;
  font-size: 10px;
  width: 160px;
  padding-top: 3px;
  padding-left: 10px;
  margin: 0;
  text-indent:0;
  background-position: 0 0;
}

#globalheader #globalnav li ul li a:hover {
  background: url(images/bulletImg.gif) bottom left no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}

#globalheader #globalnav li:hover ul {
  left: auto;
  color: #BA4044;
  background: none;
}

#globalheader #globalnav li:hover ul,#globalheader #globalnav li.hover ul {left: auto;}



/*Services highlight pos */
body.services #globalheader #globalnav li#gn-services a{
  background-position: 0 -108px;
}

/*Work highlight pos */
body.work #globalheader #globalnav li#gn-work a {
  background-position: -176px -108px;
}

/*Products pos */
body.products #globalheader #globalnav li#gn-products a{
  background-position: -351px -108px;
}

/*OFBiz highlight pos */
body.ofbiz #globalheader #globalnav li#gn-ofbiz a{
  background-position: -525px -108px;
}

/*About highlight pos */
body.about #globalheader #globalnav li#gn-aboutUs a{
  background-position: -674px -108px;
}

/*Contact highlight pos */
body.contact #globalheader #globalnav li#gn-contact a{
  background-position: -831px -108px;
}

/*End Global btn highlight*/ /*BODY CONTAINER*/
.bodyContainer {
  background: url(images/BodyBgSq_02.png) repeat-y top center;
  padding:18px 0 0;
  min-height:540px;
  height:auto !important; 
  height:540px; 
}

/*style for wordpress*/
#content{
  background: url(images/BodyBgSq_02.png) repeat-y top center;
  padding:18px 0 0;
  min-height:540px; 
  height:auto !important; 
  height:540px; 
}


.flashContainer {
  background: url(images/BodyBgSq_02.png) repeat-y top center;
  padding:18px 0 0;
  min-height:387px; 
  height:auto !important; 
  height:387px;
  position:relative;
}

.flashContainer #flashContent {
  width: 953px;
  height: 387px;
  margin-left: 23px;
  position:absolute;
  z-index: 6000;
}

.bodyCapTop {
  background: url(images/BodyBgSq_03Top.png) no-repeat top center;
  height: 9px;
  line-height: 0;
  font-size: 0px;
}

.bodyCapBtm {
  background: url(images/BodyBgSq_03.png) no-repeat top center;
  height: 8px;
  margin:0 0 18px;
  
}

/*END BODY CONTAINER*/ /*MODS*/
.modsWrapper {
  margin: 0px 28px;
  padding-top: 5px;
}

.ModContainer {
  width: 307px;
  height: 233px;
  float: left;
}

.ModContainer .ModTop {
  background: url(images/mod_top.png) top center no-repeat;
  height: 29px;
}

.ModContainer .ModTop h2 {
  font-size: 16px;
  font-weight: normal;
  color: #D4C98F;
  margin: 0px;
  margin-bottom:0px;
  padding: 0px 0 0 15px;
}

.ModContainer .ModBody {
  background: url(images/mod_mid.png) center repeat-y;
  height: 175px;
  font-size: 12px;
  font-weight: normal;
  color: #CCCCCC;
}

.ModContainer .ModBody a {
  color: #991E14;
  text-decoration: underline;
}

.ModContainer .ModBody a:hover {
  color: #991E14;
  text-decoration: none;
}

.ModContainer .ModBody .ModEcomm {
  background: url(images/OFBizCart.png) top right no-repeat;
  overflow: visible;
  height: 153px;
}

.ModContainer .ModBody .ModEcomm div {
  width: 150px;
}

.ModContainer .ModBody .ModERP {
  background: url(images/erp-icon.png) 55px 16px no-repeat;
  overflow: visible;
  height: 153px;
}

.ModContainer .ModBody .ModWeb {
  background: url(images/goldenMean.png) top right no-repeat;
  overflow: visible;
  height: 153px;
}

.ModContainer .ModBody .ModWeb div {
  width: 112px;
}

.moreBtn {
  margin: -10px auto 0 auto;
  width: 79px;
  position: relative;
  z-index: 9999;
}

.moreBtn a {
  display: block;
  height: 25px;
  width: 79px;
  background: url(images/BtnMoreInfo.png) top center no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.moreBtn a:hover {
  background-position: 0 -25px;
}

.ModContainer .ModBttm {
  background: url(images/mod_bttm.png) bottom center no-repeat;
  height: 18px;
  font-size: 0px;
}

.recentNews {
  float: left;
  width: 439px;
  height: 197px;
  background: url(images/newsBG.gif) top center no-repeat;
  margin: 15px 0 0 10px;
}

.recentNews h2 {
  font-size: 16px;
  font-weight: normal;
  color: #D4C98F;
  padding: 0 0 0 15px;
  margin-bottom:0px;
  top:-5px;
}

.recentNews #content {
  height: 124px;
  margin: 0px 30px;
  font-size: 12px;
  color: #CCCCCC;
}

.recentNews a {
  color: #9d1e17;
  text-decoration: underline;
}

.recentNews h5 {
  font-weight:normal;
  color: #B7D5ED;
  margin:0;
  padding:0;
}

.recentNews h5 span {
  font-size: 10px;
  font-style: italic;
  display: block;
}

.recentNews p {
  font-size:11px;
  line-height:15px;
}

#news{
    display:block;
    width:424px;
    height:130px;
    margin:0;
    padding:0;
    position:relative;
    left:0px;
}

#news ul li {
  position:absolute;
  top:0;
  left:0;
  overflow: hidden;
}

#news .next {
  background: url("images/arrowRight.png") top left no-repeat;
  display:block;
  height:26px;
  width:26px;
  position:absolute;
  top:45px;
  right:-30px;
  text-indent:-9999px;
}

#news .previous {
  background: url("images/arrowLeft.png") top left no-repeat;
  display:block;
  height:26px;
  width:26px;
  position:absolute;
  top:45px;
  left:-15px;
  text-indent:-9999px;
}

#news .start, #news .stop  {
  display:block;
  height:16px;
  width:16px;
  position:absolute;
  top:100px;
  right:0px;
  text-indent:-9999px;
}

#news .start {background:url(images/play.png) top left no-repeat;}
#news .stop {background:url(images/pause.png) top left no-repeat;}

#logo-gallery {
    margin:0 auto;
    position:relative;
    width:915px;
}

#brandtray {
  width:915px; 
  margin: 0;
  padding:0;
  clear: both;
}
#brandtray_inner {
  width: 915px;
  height: 56px;
  padding-top: 4px;
  position: relative;

}
#brandtray_logo_groups {
  clear: both;
  width: 915px;
  height: 50px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
}
#brandtray #advance {
  background: url(images/brands-next.gif) no-repeat;
  position: absolute;
  right: 1px;
  top: 18px;
  height: 29px;
  width: 23px;
  text-indent: -9999px;
  cursor: pointer;
  display:none;
}
#brandtray #rewind {
  background: url(images/brands-prev.gif) no-repeat;
  position: absolute;
  left: 4px;
  top: 18px;
  height: 29px;
  width: 23px;
  text-indent: -9999px;
  display:none;
  cursor: pointer;
}
#brandtray ul {
  margin: 0;
  padding: 0;
  width: 920px;
  position: absolute;
}
#brandtray li {
  float: left;
  list-style-type: none;
  width: 115px;
  height: 51px;
  text-align:center;
}
#brandtray li img {margin:0 auto}
/*QUOTE BUBBLE*/
.qBubble {
  width: 221px;
  margin: 20px;
  line-height: 0;
  font-size: 0;
}

.qbubble[class]{margin: 20px 0 20px 20px;}

.qBubble img {
  border: none;
  margin: 0;
}

.qBubble div {
	color: #4587BA;
	background:url(images/qBubble_bg.gif) 0 0 repeat-y;
	padding: 3px 10px 3px 15px;
	font-size: 12px;
	line-height: 20px;
}

.qBubble div.author {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  text-align: right;
  color: #4587BA;
  background: none;
  padding: 0;
  line-height: 15px;
}

.qBubble div.author span {
  font-weight: normal;
  font-size: 11px;
  color: #4587BA;
}

/*END QUOTE BUBBLE*/
.contactUs {
  float: right;
  width: 461px;
  height: 180px;
  background: url(images/contactBG.png) 0px 5px no-repeat;
  font-size: 12px;
  color: #ccc;
  margin-top: 15px;
}

.contactUs h2 {
  font-size: 16px;
  font-weight: normal;
  color: #D4C98F;
  top:-5px;
  margin-bottom:0px;
}

.contactUs span {
  display: block;
  width: 190px;
  height: 70px;
  padding: 5px 0 0 0;
}

.contactUs .contactList{
  margin: 0;
}

.contactUs .contactList li {
  padding: 1px 0 0 5px;
  font-size: 11px;
  height: 20px;
  list-style: none;
}

.contactUs .contactList li img {
  display:inline;
  vertical-align:bottom;
  margin-right:5px;
}

.contactUs .contactList a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

/*FOOTER*/
.footer, .push {
  height: 192px;
}

.footer {
  background: url(images/footerBG.gif) repeat-x top;
}

.footer .footWrap {
  margin: 0 auto;
  width: 975px;
  padding: 20px 0 10px 0;
  position:relative;
}

.footer .footWrap #copyright {
    position:absolute;
    top:170px;
    color:#a1a1a1;
}

.footer .footWrap #copyright a{
    color:#a1a1a1;
}


.footer .footWrap .footClmn {
  float: left;
  width: 143px;
  height: 100px;
}

.footer .footWrap .title {
  color: #bcd7e8;
  font-size: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}

.footer .footWrap .subTitle {
  color: #4f80a8;
  font-size: 10px;
}

.footer .footWrap .subTitle ul {
  margin:0;
  top:0;
  line-height:15px;
  padding:0;
}

.footer .footWrap .subTitle li {
  list-style: none;
  list-style-position: outside;
  line-height: 15px;
}

.footer .footWrap a {
  color: #4f80a8;
  font-size: 10px;
  text-decoration: none;
}

.footer .footWrap a:hover {
  color: #BCD7E8;
  text-decoration: none;
}

.footer .footWrap .redTxt {
  color: #9d1e17;
  text-decoration: underline;
}

.border-right-foot {
  border-right: 2px solid #262b3f;
}

/*STICKY FOOTER*/
.clear {
  display: inline-block;
}

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

/* SUB PAGE STYLES */
.subPgTitle {
  padding: 5px 30px;
}

.subPgTitle h1 {
  font-size:18px;
  margin-bottom:5px;
  font-weight:normal;
}

/* LHN */
#lhn {
  background: url(images/LHN-bg.png) no-repeat top center;
  width: 220px;
  float: left;
  margin: 0 20px 0 20px;
}

#lhn ul.leftNav {
  margin: 0 0 50px 0;
  padding: 0;
}

#lhn ul.leftNav li {
  list-style: none;
  line-height: 16px;
  font-size: 11px;
  margin: 0 4px;
  padding-bottom: 1px;
  background: url(images/dash.png) repeat-x bottom left;
}

#lhn ul.leftNav li h2{
	font-size: 14px;
    padding: 0 0 4px 8px;
    margin: 0;
    background: url(images/dash.png) repeat-x bottom left;
}

#lhn ul.leftNav li a {
  display: block;
  padding: 0 0 0 10px;
  margin: 0;
  color: #B7D5ED;
  width: 203px;
/*  height: 25px;*/
}

/*For Twitter Posts*/
#lhn ul.leftNav li#twitter-tools{
	padding-bottom: -5px;
}
#lhn ul.leftNav .aktt_tweets{
	padding: 10px 0 0 10px;
}
#lhn ul.leftNav .aktt_credit{
	font-size: 10px;
}
#lhn ul.leftNav .aktt_tweets ul li a, #lhn ul.leftNav .aktt_tweets ul li a:hover{
	background: none;
	padding: 0;
}
#lhn ul.leftNav .aktt_more_updates{
	margin: 10px 0;
}

/*For Tag Cloud*/
#lhn ul.leftNav li div{
	padding: 5px 0 6px 10px;
}

#lhn ul.leftNav li div a {
	display: inline;
	padding: 0 10px 0 0;
}

#lhn ul.leftNav li a span.listArrow {
  height: 14px;
  width: 14px;
  position: relative;
  top: 2px;
  margin: 0 8px 0 0;
  background: url(images/bulletImgSprite.gif) no-repeat 0 -2px;
  overflow: hidden;
  display: inline-block;
}

#lhn ul.leftNav li a:hover span.listArrow,#lhn ul.leftNav li#activeSub span.listArrow
{
  background: url(images/bulletImgSprite.gif) no-repeat 0 -19px;
}

#lhn ul.leftNav li a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

/*#lhn ul.leftNav li a:active {
  background: url(images/blue10.png) repeat;
  color: #FFFFFF;
}

#lhn ul.leftNav li#activeSub a {
  background: #232F3B;
  color: #FFFFFF;
  height:25px;
}

#lhn ul.leftNav li#activeSub ul {
  margin:-4px 0 0 -2px;
}

#lhn ul.leftNav li#activeSub ul li a {
  background: #232F3B;
  color: #B7D5ED;
  height:24px;
  padding:5px 0 0 32px;
}

#lhn ul.leftNav li#activeSub ul li#activeSub2 a {
  background: #2C4459;
  color: #FFFFFF;
  height:24px;
  padding:5px 0 0 32px;
}

#lhn ul.leftNav li#activeSub ul li a:hover {
  color: #FFFFFF;
}

#lhn ul.leftNav li ul li.firstSubBtn a{
  /*background: url(images/dashLine.png) no-repeat 27px 0;*/
  /*background: none;
}
*/

#lhn ul.leftNav li img {
  border: none;
}

#lhn ul.leftNav li ul {
  margin: 0;
  padding: 0;
  background: none;
}

#lhn ul.leftNav li ul li {
  margin: 0 0 0 2px;
  background: none;
  padding: 0;
 /* background: url(images/dashLine.png) no-repeat 27px 33px;*/
}

#lhn ul.leftNav li ul li a {
  padding: 0 0 0 29px;
  margin: 4px 0 6px 0;

  background: url(images/bulletImgSprite.gif) no-repeat 7px -1px;
  color: #B7D5ED;
}

#lhn ul.leftNav li ul li a:hover {
	background: url(images/bulletImgSprite.gif) no-repeat 7px -18px;
}

.backgroundNone {
  background: none;
}

#lhn .nextStep {
  width: 214px;
  font-size: 15px;
  color: #D4C98F;
  line-height: 0;
  font-size: 0;
}

#lhn .nextStep img {
  border: none;
  margin: 0;
}

#lhn .nextStep div {
  color: #D4C98F;
  background:url(images/cBubble_bg.gif) 0 0 repeat-y;
  padding: 0 10px 3px 15px;
  font-size: 15px;
  line-height: 20px;
}

#lhn .nextStep div ul {
  padding: 0 0 5px 0;
  margin: 4px 0 0 0;
  background: none;
  list-style: none;
}

#lhn .nextStep div ul li {
  padding: 0;
  background: none;
  font-size: 11px;
  height: 20px;
  list-style: none;
  color: #B7D5ED;
}

#lhn .nextStep div ul li img {
  display:inline;
  vertical-align:bottom;
  margin-right:10px;
}

#lhn .nextStep a {
  text-decoration: none;
  color: #B7D5ED;
}

#lhn .nextStep a:hover {
  text-decoration: none;
  color: #FFFFFF;
}


#rightBody {
  font-size: 12px;
  color: #CCCCCC;
  width: 710px;
  float: left;
  height: 100%;
  margin: 0 20px 10px 0;
}

#rightBody textarea{
	width: 700px;
}

#rightBody small{
    color: #B7D5ED;
    font-size: 11px;
}

#rightBody .title {
  color: #ffffff;
  
}

#rightBody .title span {
  display:block;
  font-size:16px;
  font-style:italic;
}

#rightBody .subTitle {
  font-size: 14px;
  color: #ffffff;
}

#rightBody ul {
  margin-top: 10px;
  line-height: 18px;
  list-style-image: url(images/bullet_blue.png);
  list-style-position: outside;
  list-style-type: disc;
}

#rightBody p {
  font-size: 12px;
  color: #CCCCCC;
}

#rightBody a {
  color: #991E14;
  text-decoration: underline;
}

#rightBody a:hover {
  color: #991E14;
  text-decoration: none;
}
#rightBody h2.pagetitle{
	margin-bottom:20px;
}

#rightBody h3{
	font-size: 18px;

}

#rightBody h2, #rightBody h3{
	color: #FFFFFF;
    line-height:28px;
}

#rightBody h2 a, #rightBody h3 a{
	color: #FFFFFF;
    text-decoration: none;
}

#rightBody .entry{
	margin: 20px 0 0 0;
}

#rightBody ul.steps li {
  font-size: 12px;
  color: #CCCCCC;
  padding-bottom: 10px;
}

/*FEATURED PORTFOLIO */
#rightBody #featuredPortfolio {
  width: 700px;
  height: 385px;
  margin: 0 auto;
}

#rightBody .portLeftClmn {
  width: 460px;
  float: left;
}

#rightBody .portRightClmn {
  width: 220px;
  float: right;
}

#rightBody .portfolioGrid {
  float: left;
}

#rightBody .portfolioGrid a {
  color: #D4C98F;
  display: block;
  font-weight: bold;
  height: 185px;
  margin-right: 5px;
  padding: 5px;
  text-decoration: none;
  width: 220px;
}

#rightBody .portfolioGrid a:hover {
  background: #242D38;
  color: #e4d275;
}

#rightBody .portfolioGrid span {
  color: #cccccc;
  font-weight: normal;
  font-size: 11px;
}

#rightBody .portfolioGrid a:hover span {
  color: #ffffff;
}

/* END FEATURED PORTFOLIO */
.contentTop {
  background: url(images/contentBox_r1_c1.png) top left no-repeat;
  width: 698px;
  height: 8px;
  font-size: 0px;
  margin-top: 20px;
}

.contentMid {
  background: url(images/contentBox_r2_c1.png) top left repeat-y;
  width: 698px;
}

.contentCenter {
  background: url(images/contentBox_r2_c1.png) top left repeat-y;
  width: 668px;
  padding: 10px 15px 10px 15px;
}

.contentCenter p {
  margin-left: 20px;
}

.contentCenter ul {
  margin-left: 38px;
}

.contentCenter img {
  margin-top: 20px;
}

.contentMid .cartImgTop {
  background: url(images/cartImgBigger_r1_c1.png) bottom right no-repeat;
  width: 698px;
}


.center{
  text-align: center;
}

.contentMid .erpImg {
  background: url(images/erp-icon-bigger.png) bottom right no-repeat;
  width: 698px;
}

.contentMid .cartImgTop ul, .contentMid .erpImg ul {

  padding: 20px 30px 20px 50px;
  margin: 0 !important;
  width: 475px;
}

.contentMid .cartImgTop ul li, .contentMid .erpImg ul li {
  list-style: url(images/tick.gif) outside;
  margin: -2px 0;
  line-height: 18px;
  font-size: 11px;
  color: #CCCCCC;
}

.contentBttm {
  background: url(images/contentBox_r3_c1.png) bottom left no-repeat;
  width: 698px;
  height: 8px;
  font-size: 0px;
}

.contentBttm .cartImgBttm {
  background: url(images/cartImgBigger_r2_c1.png) top right no-repeat;
  height: 8px;
  width: 698px;
}

.dlList,.newsList {
  margin: 0 0 20px 0;
  padding: 0;
}

.dlList dt,.newsList dt {
  font-size: 14px;
  color: #fff;
  padding: 0 0 5px 0;
  margin: 20px 0 0 0;
}

.dlList dd {
  margin: 0;
  padding: 0;
}

.newsList dd {
  margin: 0 0 25px;
  padding: 0 0 35px;
  border-bottom: 4px solid #242A33;
}

.highlight {
  color: #B7D5ED;
  font-weight: bold;
}

.italicSmall {
  font-size: 10px;
  font-style: italic;
}

.dlList dd.noBorder,.newsList dd.noBorder {
  border: none;
}

.imgTreatment {
  border: 6px solid #242A33;
  margin: 4px 0 8px 8px;
}

/***********************************************
Contact
***********************************************/
#contact-container {z-index:90002;}

.contact-overlay {
  background: #0C0C0C;
  position:absolute;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index:90000;
}

#contact-window {
  position: absolute;
  width: 800px;
  height: 640px;
  z-index: 90001;
  background: transparent url(images/contact.png) top left no-repeat;
  padding: 0;
  margin:0;
}

a#contact-close-btn {
  background: url(images/bt_close.png) top left no-repeat;
  cursor: pointer;
  height: 19px;
  position: absolute;
  right: 20px;
  text-indent: -9999px;
  top: 20px;
  width: 20px;
  display: block;
}

a#contact-close-btn:hover {
  background: url(images/bt_close.png) bottom left no-repeat;
}

#contact-contents {
  padding:20px;
  margin:0;
}

#contact-contents .title {
  color: #fff;
  font-size: 18px;
  line-height:16px;
  margin:0px 0;
  text-transform:uppercase;
  font-weight:600;
}

#contact-contents .title span {
  display:block;
  font-size:11px;
  text-transform:lowercase;
  font-weight:normal;
}

#contact-contents p.intro {
  width:450px;
}

.contact-form {
  margin: 0;
  padding: 0;
}

.contact-form fieldset { /*has IE fix in IE css*/
  border: none;
  float:left;
  clear:left;
  width: 100%
}

.contact-form div {/*has IE fix in IE css*/
  float:left;
  width:225px;
}

.contact-form label {
  color: #fff;
  display: block;
  font-weight: normal;
  margin-bottom: 4px;
  font-size: 11px;
  width:200px;
}

.contact-form input,.contact-form textarea {
  color: #fff;
  font-size: 12px;
  background: #520c0b;
  border: 2px solid #4c0b0a;
  padding: 2px;
  margin-bottom: 8px;
  width: 200px;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.contact-form div.row input, .contact-form div.row textarea {width:425px;}

.contact-form .submit {
  color: #fff;
  font-size: 12px;
  background: #991e14;
  border: 2px solid #650d0d;
  padding: 4px 6px;
  margin-bottom: 8px;
  margin-right:10px;
  width: 100px;
  float:left;
  text-align:center;
}

.contact-form #feedback {
  float:right;
  font-size:11px;
  width:300px;
}

.custom-advice {
  color:#ccc;
  font-weight:bold;
  font-size:11px;
  padding:0 5px;
  display:inline;
}

.contact-form input.validation-failed, .contact-form textarea.validation-failed {
  border:2px solid #cb3529;
}

#map {
  position: absolute;
  top: 85px;
  right: 50px;
}

#map h4 {
  font-size: 12px;
  margin: 10px 0 0;
  font-weight:bold;
}

#map p {
  font-size: 11px;
  margin: 0;
  line-height:15px;
}

#map img {
  border: 6px solid #550c0b
}

/***********************************************
Tabs
***********************************************/
#tabs {
  width: 450px;
  padding: 0;
  margin: 0;
  float: left;
}

.tabs {
  width: 300px;
  margin: 0;
}

.tabs li {
  display:block;
  float:left;
}

.tabs li a {text-decoration:none}

.tabs li .label {
  border: 3px solid #991e14;
  float: left;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  cursor:pointer;
}

.tabs li .label div {
  display:none;
}

.tabs li.selected .label {
  background: #520c0b;
  border: 3px solid #520c0b;
  float: left;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  position: relative;
  color: #fff;
  cursor:pointer;
}

.tabs li.selected .label div {
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #520c0b;
  position: absolute;
  bottom: -8px;
  left: 35%;
  display:block;
}

.tabpanel {
  clear: both;
  display: none;
  padding: 10px 0px;
}

#tabs .selected {
  display: block;
}

#tabs .selected  a {
  text-decoration:none;
}

/***********************************************
Google Search
***********************************************/
#googleResults{
    margin-left:60px;
}

#googleSearch{
    margin:27px 10px 0 0;   
}


ul.filters {
    width: 100%;
  padding: 0;
  margin: 10px 0 50px;
  list-style: none;
  background:#232F3B;
  height:40px;
  color:#fff;
}

ul.filters li {
    list-style:none;
    float:left;
    width:200px;
    padding:10px 10px;
    background:#232F3B;
    height:20px;
}

ul.filters a {color: #fff;}

ul.column{
  width: 100%;
  padding: 0;
  margin: 10px 0 50px;
  list-style: none;
}
ul.column li {
  float: left;
  width: 200px;
  padding: 0;
  margin: 5px 0;
  display: inline;
}